Generador de gradientes CSS
Diseña un gradiente lineal o radial con vista previa en vivo, ajusta los colores y el ángulo a ojo, y copia el CSS listo para pegar. Todo corre en tu navegador.
#e0327f0%#6d34d6100%background: linear-gradient(90deg, #e0327f 0%, #6d34d6 100%);
Se ejecuta en tu navegador. Lo que introduces no se sube a PayloadIQ.
Este generador crea gradientes CSS lineales y radiales directamente en tu navegador: eliges los colores, defines la posición de cada parada, escoges el tipo y el ángulo, y ves el resultado al instante en una vista previa en vivo. Cuando te gusta el resultado, copias una declaración background completa y la pegas tal cual en tu hoja de estilos. No hay que subir nada ni instalar nada.
Diséñalo, míralo y cópialo
Añade tantas paradas de color como quieras y arrastra cada una para colocarla donde la necesites a lo largo del gradiente. Cambia entre lineal y radial para comparar: el gradiente lineal mezcla los colores siguiendo una línea recta en el ángulo que elijas, mientras que el radial los expande desde el centro hacia fuera en forma de círculo. La vista previa se actualiza en tiempo real, así que afinas el degradado a ojo sin escribir una sola línea de CSS, y la salida es una declaración background limpia, lista para pegar en tu stylesheet o en un atributo style en línea.
Privado y sin servidor
Todo el cálculo ocurre en tu navegador con JavaScript: los colores, las posiciones y el código generado nunca salen de tu equipo ni se envían a ningún servidor. Esto lo hace ideal para trabajar con la paleta de un proyecto interno o de un cliente sin filtrar nada, y también significa que el generador sigue funcionando aunque pierdas la conexión. Sin registro, sin cuentas y sin anuncios: abres la página, diseñas tu gradiente y copias el resultado.