Онлайн-генератор изображений с линейным градиентом

Онлайн-генератор изображений с линейным градиентом

Создавайте изображения с линейным градиентом прямо в браузере: настройте цвета, размер, направление и масштаб, добавьте прозрачность и скачайте PNG.

Угол отсчитывается по часовой стрелке от направления вправо: 0° слева направо, 90° сверху вниз, 180° справа налево, 270° снизу вверх. По умолчанию 135° идёт от правого верхнего к левому нижнему направлению. Переход расположен симметрично относительно центра холста. При 100% он охватывает проекцию прямоугольника на это направление, а не просто диагональ между углами неквадратного холста. При 200% переход занимает среднюю половину диапазона, а по краям остаются первый и второй цвета. При 50% видна лишь середина более длинного перехода, и крайние цвета могут не достигаться. Повторения нет.

Если включить прозрачность, каждый цвет получает свой процент альфа-канала. Например, 25% прозрачности даёт альфа 0.75, а 100% — альфа 0. Инструмент создаёт ровно две цветовые остановки (в позициях 0 и 1), без дополнительных опций.

1 ≤ W,H ≤ 10,000 px; W × H ≤ 24,000,000 px
−360° ≤ θ ≤ 360°; 1% ≤ s ≤ 500%
0% → α 1; 25% → α 0.75; 100% → α 0
1200 × 630 px; θ = 135°; s = 100%
P₀ (1057.5, −142.5) → P₁ (142.5, 772.5)