Цвета
Генератор градиентов CSS
Добавляйте цветовые точки, меняйте угол — CSS-код готов к копированию одним кликом.
Цветовые точки
Предпросмотр
CSS-код
Что делает Генератор градиентов CSS?
Генератор CSS-градиентов создаёт линейные и радиальные градиенты с несколькими цветовыми точками и генерирует готовый CSS-код.
Как использовать Генератор градиентов CSS?
- Выберите тип градиента — линейный (с управлением углом) или радиальный.
- Добавляйте цветовые точки, устанавливайте цвет и позицию в процентах.
- Скопируйте сгенерированный CSS-код прямо в ваш проект.
Основные возможности
- Поддержка линейных и радиальных градиентов
- До 8 цветовых точек с выбором цвета и позиции
- Живое превью и готовый CSS-код для копирования
Часто задаваемые вопросы
Как использовать сгенерированный CSS?
Вставьте код в CSS-правило, например: background: linear-gradient(…); — совместимо со всеми современными браузерами.
Сколько цветовых точек можно добавить?
Можно добавить до 8 цветовых точек. Для плавного градиента обычно достаточно 2-4 точек.
Этот инструмент бесплатный?
Да, инструмент полностью бесплатный и не требует регистрации.
Мои данные сохраняются?
Нет. Все вычисления выполняются только в вашем браузере — данные не отправляются на сервер.