Generador de imágenes con degradado lineal en línea
Creá imágenes PNG con degradado lineal personalizable: colores, tamaño, ángulo, escala y transparencia. Procesamiento local, sin subir archivos. El procesami…
Empezar a usar
Qué hace esta herramienta
Esta herramienta crea una imagen PNG con un degradado lineal entre dos colores. El degradado se calcula desde la esquina superior izquierda (0,0) hasta un punto final que depende del ángulo y la escala. Por ejemplo, con un lienzo de 1200x630 píxeles, un ángulo de 135 grados y escala al 100%, el punto final es aproximadamente (-848.53, 445.48). Con ángulo 0, el degradado va de izquierda a derecha.
Parámetros y limitaciones
El tamaño del lienzo está limitado a un máximo de 24 millones de píxeles (por ejemplo, 6000x4000). Si ingresás dimensiones mayores, se reducen proporcionalmente para respetar ese límite. La escala controla la longitud del vector del degradado: al 200%, el vector se acorta a la mitad, por lo que la transición termina antes y el resto del lienzo se rellena con el color final (no se repite).
Transparencia opcional
Si activás la transparencia, podés definir un porcentaje para cada color. Un 25% de transparencia produce un canal alfa de 0.75; un 100% produce alfa 0. La herramienta crea exactamente dos paradas de color en las posiciones 0 y 1, sin paradas adicionales ni modos de repetición.
Privacidad y procesamiento
La generación se realiza completamente en tu navegador: no se sube ninguna imagen ni dato a un servidor. Podés usar la herramienta sin conexión.
Preguntas frecuentes
¿Qué significa el ángulo de 135 grados?
El ángulo se mide en coordenadas de lienzo, donde el eje Y positivo apunta hacia abajo. Con 135 grados, el degradado va desde la esquina superior izquierda hacia abajo y a la izquierda, como se ve en el ejemplo por defecto.
¿Por qué mi imagen se ve de un solo color si uso una escala alta?
Si aumentás la escala, el vector del degradado se acorta. Por ejemplo, al 200% la transición termina antes y el área restante se rellena con el color final. Para un degradado más gradual, usá una escala menor (por ejemplo, 100%).
¿Puedo usar más de dos colores o un degradado radial?
No, esta herramienta solo admite dos colores con un degradado lineal. No hay opciones para más paradas, modo radial ni texturas.
Lista de verificación
- Elegí colores con buen contraste si vas a superponer texto.
- Verificá que el tamaño final sea adecuado para tu uso (por ejemplo, 1200x630 para redes sociales).
- Si usás transparencia, recordá que el PNG la conserva.
- Descargá siempre el archivo después de generar para no perder el resultado.
El procesamiento se realiza localmente en tu navegador.