Генератор градиентов с сохранением в CSS, png, WebP

Добавить комментарий Подписаться на автора в ТГ Отправить донат

Nil опубликовано 23 сентября 2025 обновлено 22 сентября 2025

Это приложение поможет вам создать градиентный фон и скачать его в виде файла изображения в формате png, WebP или скопировать код для html/css

Изображение с градиентом, которое можно видеть выше в качестве постера, создано в этом приложении и сохранено как файл png с масштабированием x4 при сохранении.

Полученый градиент можно использовать в качестве фона рабочего стола на компьютере, для графического и веб-дизайна.

Доступен выбор типа градиента: линейный, радиальный, конусный.

По умолчанию градиент состоит из трёх цветов и имеет тип "линейный". Вы можете добавлять новые точки (цвета) в градиент. Можно менять угол наклона градиента.

Чтобы сразу видеть, какой градиент получается используйте окно предварительного просмотра. В зависимости от того, где вы будете использовать градиент, выберите наиболее подходящий формат предпросмотра и будущего файла изображения: 4:3б, 3:2, 16:9, квадрат 1:1

Если вы создаёте градиент для небольшого объекта, например кнопки на сайте, можете сразу указать точные размеры в пикселях, чтобы лучше понимать как градиент впишется в этот размер.

По завершению настроек, скачайте градиент в виде изображения или скопируйте css код. Опции для CSS: fixed, no-repeat, cover пригодятся, если вы хотите использовать градиент в качестве фона сайта и при этом не хотите чтоб он повторялся и растягивался по всей высоте html страницы, а имел фиксированный размер в пределах окна.

Опция масштабирования при скачивании пригодится если вам нужно изображение большого размера. По умолчанию, изображение будет в том размере, в котором вы видите окно просмотра на экране. Для увеличения выберите размер умножения.

Комментарии