CSS-градієнт «Океан» — готовий код
Створюйте CSS-градієнти візуально: лінійний, радіальний або конічний тип, повзунок кута та до шести колірних зупинок із живим передпереглядом на всю ширину та кодом для копіювання.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває генератор градієнтів із завантаженим готовим океанічним переходом: глибокий синьо-зелений #2193b0, що перетікає у світлий аквамариновий #6dd5ed. Передперегляд на всю ширину відображає його одразу, і фоновий рядок CSS готовий до копіювання.
Синьо-бірюзові градієнти — найбезпечніший вибір в UI: вони сигналізують спокій і довіру, зберігають читабельність білого й темного тексту з обох боків і однаково добре підходять для панелей керування, посадкових сторінок SaaS і банерів. Обидві зупинки належать до однієї холодної колірної родини, тому змішування залишається чистим по всій довжині.
Використовуйте як є або налаштовуйте: зробіть кут крутішим для ефекту вертикальної глибини або додайте майже білу зупинку на 100% для горизонтного світіння. Якщо вам потрібні відповідні суцільні кольори для кнопок і акцентів, генератор колірних палітр на цьому сайті створить гармонію від будь-якої із зупинок.