Дизайн
Генератор CSS-градиентов
Мгновенно создавайте красивые CSS-градиенты. Копируйте код одним кликом.
Ввод
Настройте тип градиента, цвета, угол и пресеты.
135°
Пресеты
Используйте пресет как отправную точку, затем подстройте цвета и угол.
Вывод
background: linear-gradient(135deg, #6366f1, #ec4899);Часто задаваемые вопросы
Что делает Генератор CSS-градиентов?
Формирует линейные и радиальные градиенты и готовый CSS-код.
Можно ли добавить несколько цветовых точек?
Да, для более сложных переходов.
Как сохранить читаемость на градиентном фоне?
Проверять контраст текста и при необходимости добавлять overlay.