Generador de imagen con degradado radial en línea
Creá imágenes PNG con degradado radial personalizable: colores, dimensiones, centro, escala y transparencia. Generación local, sin registro. El procesamiento…
Empezar a usar
Funciones y ejemplo práctico
Este generador crea un degradado radial con dos colores fijos: uno en el centro y otro en el borde. El degradado se dibuja como círculos concéntricos desde el centro hasta un radio exterior calculado como hypot(ancho, alto) / (2 * escala). Por ejemplo, con las dimensiones predeterminadas de 1200×630 px y escala 100%, el radio exterior es de aproximadamente 677.66 px, lo que alcanza las esquinas cuando el centro está en 50%, 50%.
Parámetros reales
- Colores: selector de color para el centro y para el borde.
- Dimensiones: ancho y alto en píxeles (1–10000).
- Centro: porcentaje horizontal y vertical (0–100). Se acepta 0%, 0% (esquina superior izquierda).
- Escala: porcentaje (1–500%).
- Transparencia opcional: activable para cada extremo; el porcentaje se convierte en alfa como
1 - porcentaje/100(ej. 25% → alfa 0.75).
Ejemplo concreto
Si elegís color central #FF0000, color de borde #0000FF, dimensiones 800×600, centro 50%, 50%, escala 100% y transparencia desactivada, obtendrás un PNG de 800×600 con un degradado circular que va de rojo en el centro a azul en el borde, cubriendo todo el lienzo.
Limitaciones
No hay modo elíptico, ni paradas de color adicionales, ni desplazamiento focal, ni textura, ni carga de imágenes. Las áreas fuera del círculo exterior usan el color del borde (no se repite el degradado). Si las dimensiones solicitadas superan el presupuesto de píxeles (24 millones), se reducen proporcionalmente.
Preguntas frecuentes
¿Qué sucede si pongo el centro en 0%, 0%?
El degradado se origina en la esquina superior izquierda, no se revierte al centro. El radio exterior se calcula desde ese punto, por lo que las esquinas opuestas pueden quedar fuera del degradado y se rellenarán con el color del borde.
¿Cómo afecta la escala al resultado?
La escala modifica el radio exterior: a mayor escala, menor radio. Por ejemplo, con escala 200% el radio se reduce a la mitad (aprox. 338.83 px para 1200×630), por lo que las esquinas quedarán con el color del borde.
¿Puedo usar transparencia en el PNG?
Sí, activá la opción de transparencia y definí el porcentaje para el centro y el borde. El PNG resultante conserva el canal alfa, por lo que podés superponerlo sobre otros fondos.
El procesamiento se realiza localmente en tu navegador.