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

Создавайте красивые CSS градиенты с живым предварительным просмотром и генерацией кода

Цветовые Остановки

#ff6b6b
#4ecdc4

Живой Предварительный Просмотр

CSS Код

background: linear-gradient(45deg, #ff6b6b 0%, #4ecdc4 100%);
Дополнительные Опции

История

1 / 1
Предустановки
История
Градиенты: 1

Подсказки

Линейные градиенты переходят от цвета к цвету по прямой линии. Идеальны для тонких фонов и современных дизайнов.

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

Создавайте красивые CSS градиенты с живым предварительным просмотром и генерацией кода

Как использовать

  1. Выберите тип градиента (линейный, радиальный или конический)
  2. Выберите направление или угол для вашего градиента
  3. Добавьте цветовые остановки, нажав 'Добавить Цвет'
  4. Настройте цвета, используя селектор цвета для каждой остановки
  5. Позиционируйте цветовые остановки с помощью ползунка (0-100%)
  6. Предварительный просмотр вашего градиента в реальном времени
  7. Скопируйте сгенерированный CSS код для использования в вашем проекте