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

Создаёт простой линейный градиент и копирует CSS.

Ввод

Вывод

Когда использовать Генератор CSS-градиентов

Быстрая проверка цветов фона
Копирование CSS градиента для прототипов
Изучение направления и цветовых остановок

Пример

#38bdf8, #818cf8, 135

Преимущества

Бесплатно в браузере
Без установки и регистрации
Мгновенный результат на вашем устройстве
Настройте угол и цвета, затем скопируйте сгенерированное правило background.

Связанные инструменты