CSS-градієнт «Пастель» — готовий код
Створюйте CSS-градієнти візуально: лінійний, радіальний або конічний тип, повзунок кута та до шести колірних зупинок із живим передпереглядом на всю ширину та кодом для копіювання.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває генератор градієнтів із завантаженим готовим пастельним переходом: пудрово-рожевий #ffdde1, що переходить у припалу пилом троянду #ee9ca7. Панель передперегляду одразу показує м’який результат, а рядок CSS готовий унизу.
Пастельні градієнти працюють там, де насичені будуть кричати: екрани онбордингу, картки, стани без вмісту та брендинг у сфері краси й стилю життя. Оскільки обидві зупинки світлі, темний текст залишається читабельним на всій поверхні — те, чого більшість яскравих градієнтів не можуть запропонувати без накладення.
Скопіюйте рядок як є або пом’якшіть його, застосовуючи прийоми, близькі до прозорості: перемістіть зупинку троянди на 80% і дозвольте рожевому домінувати, або перемкніться на радіальний тип для ніжного центрального світіння. Інструмент оновлює CSS для копіювання при кожному введенні.