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