Генератор градиентов
Соберите градиент из двух-пяти цветов, сохраните картинку нужного размера и скопируйте код CSS. Всё происходит в браузере.
Градиент служит фоном для сайта, обложки, баннера или заставки на телефон. Страница рисует плавный переход между двумя и пятью цветами и сохраняет его в виде картинки нужного размера либо отдаёт готовый код CSS.
Доступны три типа градиента. Линейный идёт вдоль прямой под любым углом, радиальный расходится кругами от центра, а конический разворачивается вокруг центра как цветовой круг. Углом управляет ползунок, предпросмотр обновляется сразу.
Цвета выбираются в палитре, а добавить или убрать цвет можно одной кнопкой. Если не хочется подбирать самому, есть готовые сочетания и кнопка случайного градиента, которую удобно нажимать, пока не попадётся подходящий вариант.
Рядом с картинкой показывается правило CSS, которое даёт такой же градиент на странице без единого файла. Достаточно скопировать строку и вставить в таблицу стилей. Размеры картинки задаются в пикселях от 1 до 8000.
Картинка создаётся в браузере и не отправляется на сервер, поэтому работает без интернета после загрузки страницы. Формат сохранения выбирается из PNG, JPG и WebP. Для плавных переходов лучше подходит PNG, он не добавляет артефактов.