Generador de degradado lineal en línea

Generador de degradado lineal en línea

Crea imágenes PNG con degradados lineales personalizados: elige colores, tamaño, dirección, escala y transparencia opcional. Todo se procesa en tu navegador, sin subir archivos.

El ángulo se mide en sentido horario desde la derecha: 0° va de izquierda a derecha, 90° de arriba abajo, 180° de derecha a izquierda y 270° de abajo arriba. El valor predeterminado de 135° va de arriba a la derecha hacia abajo a la izquierda. La transición está centrada en el lienzo. Al 100 % cubre la proyección del rectángulo sobre esa dirección, no simplemente una diagonal entre esquinas en un lienzo no cuadrado. Al 200 % ocupa la mitad central, con cada color de extremo constante a un lado. Al 50 % solo aparece el centro de una transición más larga y puede que no se alcancen los colores extremos. No se repite.

Sí. Al activar la transparencia, cada color tiene su propio porcentaje. 0% significa opaco y 100% totalmente transparente. Por ejemplo, 25% produce un alfa de 0.75.

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)