UTILS.
Приватность по умолчанию
▤

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

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

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →

Об этом инструменте

Создайте двухцветный линейный или радиальный градиент, выбрав цвета, позиции и угол, затем скопируйте правило background. Живой предпросмотр работает полностью в вашем браузере.

Часто задаваемые вопросы

Что означает угол в линейном градиенте?
Угол задаёт направление перехода цветов: 0° указывает вверх, 90° — вправо, 180° — вниз и так далее.
Когда использовать радиальный градиент вместо линейного?
Радиальный используйте, чтобы цвета расходились от центральной точки (как прожектор); линейный смешивает их вдоль прямой линии.

Больше инструментов