Генератор градиентов

Смешайте два и более цвета в градиент и скопируйте CSS.

Предпросмотр

CSS

background: linear-gradient(135deg, #3525CD 0%, #06B6D4 100%);

Точки цвета

Тип

Угол135°

gradient

Выберите цвета, нажмите «Выполнить» — градиенты соберутся здесь.

Частые вопросы

Переводите цветовые коды HEX, RGB и HSL (#6D28D9 → RGB).

Вытащите из фото самые заметные цвета и покажите их палитрой.

Автоматически постройте шаги от 50 до 900 — от светлого к тёмному — из одного базового цвета.