Генератор градиентов
Создавайте линейные, радиальные и конические CSS-градиенты с нуля с помощью перетаскиваемых точек и готовых пресетов. Мгновенно скопируйте готовый CSS.
background: —;
Всё вычисляется в реальном времени в вашем браузере — без регистрации, абсолютно бесплатно.
О Генератор градиентов
Генератор градиентов создаёт пользовательские CSS-градиенты с нуля. Выберите линейный, радиальный или конический тип, задайте угол и сформируйте смешение с помощью редактора с несколькими точками: перетаскивайте маркеры для перемещения точек, щёлкайте по полосе, чтобы добавить новые, и перекрашивайте любую точку с помощью палитры — живое превью обновляется по мере работы.
Готовые пресеты дают сильную отправную точку, когда не хочется начинать с чистого листа, а действия в один клик — случайный, развернуть, повернуть на 45° — ускоряют исследование вариантов. Сгенерированный CSS всегда виден и синхронизирован с превью, так что вы копируете именно то, что видели.
Всё рассчитывается в реальном времени прямо в браузере бесплатно. Скопируйте полное CSS-правило или только значение background и вставьте его в таблицу стилей, стиль кнопки или героическую секцию — простой генератор CSS-градиентов для фонов, наложений и акцентов интерфейса.
Как использовать Генератор градиентов
- Выберите тип градиента: линейный, радиальный или конический.
- Начните с пресета или нажмите «Случайный» для мгновенной отправной точки.
- Перетаскивайте маркеры точек, чтобы расположить цвета, щёлкайте по полосе, чтобы добавить точки, и редактируйте цвет каждой точки.
- Настройте угол или используйте «Развернуть» и «Повернуть на 45°», чтобы переориентировать смешение.
- Скопируйте CSS-правило или значение background и вставьте его в свой проект.