CSS-градієнт «Захід сонця» — готовий код
Створюйте CSS-градієнти візуально: лінійний, радіальний або конічний тип, повзунок кута та до шести колірних зупинок із живим передпереглядом на всю ширину та кодом для копіювання.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває генератор градієнтів із завантаженим готовим переходом заходу сонця: теплий кораловий #ff7e5f, що перетікає в м’який персиковий #feb47b, зліва направо. Передперегляд одразу показує це на всю ширину, і рядок CSS унизу готовий до копіювання як є.
Теплі переходи від коралового до персикового — це основа для герой-секцій, тому що вони сприймаються як дружні й енергійні, не заглушуючи білий текст. Ця пара досить близька за тоном, щоб середина залишалася чистою — без брудно-сірої смуги посередині, типової проблеми градієнтів між далекими кольорами.
Використовуйте без змін або зробіть своїм: поверніть кут для діагонального заходу сонця, зсуньте першу зупинку всередину для сильнішої присутності коралового або додайте третю зупинку з глибоким сливовим близько 100% для відчуття сутінків. Кожна зміна миттєво оновлює CSS для копіювання.