Градиентный фон

Выберите вид градиента и цвета, затем размер картинки и нажмите «Скачать PNG» или «Скачать JPG». Картинка на экране — уменьшенная копия того, что окажется в файле.

Виды градиента

• Линейный — цвета сменяют друг друга вдоль прямой, угол задаёт направление: 0° — снизу вверх, 90° — слева направо.
• Радиальный — цвета расходятся кругами от середины к углам.
• Конический — цвета идут по кругу вокруг середины, как на цветовом круге, и замыкаются.
• Мягкий — у каждого цвета своя точка, цвета растекаются от неё пятнами и плавно смешиваются. Точки перетаскиваются мышью, ползунок «Мягкость» делает пятна шире.

Цвета

В градиенте от двух до шести цветов. Готовый набор ставится одним нажатием на плитку, «Случайный» подбирает соседние по кругу оттенки, «Развернуть» меняет порядок цветов. Мягкий градиент смешивает цвета так, как смешивается свет, поэтому между синим и жёлтым не появляется серая полоса.

Размер

Готовые размеры: 1920 × 1080 для презентации и рабочего стола, 4K, заставка телефона 1080 × 1920, квадрат и пост 4:5 для соцсетей, обложка видео 1280 × 720. Свой размер — до 8000 точек по стороне. PNG передаёт градиент без потерь, JPG весит меньше.

Код градиента для сайта на CSS собирает генератор CSS-градиентов.