Gerador de imagem com gradiente linear online

Gerador de imagem com gradiente linear online

Crie imagens PNG com gradiente linear personalizado, definindo cores, tamanho, direção, escala e transparência opcional.

O ângulo mede-se no sentido dos ponteiros do relógio a partir da direita: 0° da esquerda para a direita, 90° de cima para baixo, 180° da direita para a esquerda e 270° de baixo para cima. O valor predefinido de 135° vai do canto superior direito para o inferior esquerdo. A transição está centrada no canvas. A 100%, cobre a projeção do retângulo nessa direção, não apenas uma diagonal entre cantos num canvas não quadrado. A 200%, ocupa a metade central, mantendo as cores inicial e final nas zonas exteriores. A 50%, aparece apenas o centro de uma transição mais longa e as cores extremas podem não ser atingidas. Não há repetição.

Sim, se ativar a opção de transparência, pode definir uma percentagem de transparência para cada cor. Por exemplo, 25% de transparência resulta em alfa 0.75, e 100% resulta em alfa 0.

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)