Генератор CSS-градиентов
Создайте градиент и скопируйте CSS за секунды.
Выберите тип градиента, задайте угол и добавьте до шести цветовых точек, каждую в своей позиции. Предпросмотр обновляется сразу, а CSS готов для вставки в стили. Нужна картинка? Скачайте градиент в PNG в размере Full HD, 4K, квадрат или сторис — для обоев, фонов и соцсетей.
Как создать CSS-градиент
- Шаг 1
Выберите линейный, радиальный или конический тип.
- Шаг 2
Задайте угол и цветовые точки.
- Шаг 3
Скопируйте CSS или скачайте картинку.
Почему PhotoTools
Три типа
Линейные, радиальные и конические градиенты.
Чистый CSS
Одна строка, готовая к вставке.
Размеры для обоев
PNG до 3840 × 2160.
Поддерживаемые форматы
Результат
- CSS
- PNG
Частые вопросы
Работает ли CSS во всех браузерах?
Линейные и радиальные градиенты работают везде, конические — во всех современных браузерах.
Можно ли использовать больше двух цветов?
Да, до шести цветовых точек, и каждую можно поставить в любое место градиента.
Это бесплатно?
Да. Браузерные инструменты PhotoTools бесплатны, без ограничений и работают без аккаунта.