Ocean CSS Gradient — Готов код
Създавайте CSS градиенти визуално: линеен, радиален или коничен тип, ъглов плъзгач и до шест цветни спирания с визуализация на живо в пълна ширина и код, който може да се копира.
Резултат
Тази страница отваря генератора на градиенти с готово заредено океанско избледняване: дълбоко синьо #2193b0, преливащо в светло аква #6dd5ed. Визуализацията с пълна ширина го изобразява наведнъж и фоновият CSS ред е готов за копиране.
Синьо-синьо-зелените градиенти са най-безопасният избор в потребителския интерфейс: те сигнализират за спокойствие и доверие, поддържат бял и тъмен текст четим в двата края и пасват еднакво добре на таблата за управление, SaaS целевите страници и банерите. И двете спирачки споделят едно и също семейство студени нюанси, така че сместа остава чиста по цялата си дължина.
Изпратете го такъв, какъвто е, или коригирайте: увеличете ъгъла за вертикален ефект на дълбочина или добавете почти бяло спиране на 100% за блясък на хоризонта. Ако имате нужда от съвпадащи плътни цветове за бутони и акценти, генераторът на цветова палитра на този сайт изгражда хармония от всяка спирка.