Онлайн-генератор зображень з лінійним градієнтом

Онлайн-генератор зображень з лінійним градієнтом

Створюйте 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)