Generador de degradados CSS — crea degradados visualmente
Crea degradados CSS lineales y radiales con vista previa en vivo y copia el código background listo para usar.
🔒 Funciona por completo en tu navegador. Tu entrada y salida no se envían a ningún servidor ni se guardan: totalmente privado.
Acerca de esta herramienta
Diseña degradados CSS lineales y radiales de forma visual: añade paradas de color, arrástralas para recolocarlas y ajusta el ángulo mientras una vista previa se actualiza en vivo. Cuando quede bien, copia el código background listo para pegar en tu hoja de estilos. Todo se ejecuta en tu navegador.
Preguntas frecuentes
¿Cómo creo un degradado CSS?
Elige lineal o radial, selecciona dos o más colores y coloca sus paradas, luego ajusta el ángulo o el centro. La herramienta escribe por ti el valor background correspondiente: solo cópialo y pégalo en tu regla CSS.
¿Cuál es la diferencia entre un degradado lineal y uno radial?
Un degradado lineal mezcla los colores a lo largo de una línea recta con el ángulo que elijas, mientras que uno radial los mezcla hacia afuera desde un punto central en círculos o elipses. El lineal va bien para fondos y botones; el radial es útil para focos y brillos suaves.
¿Se envía algo a un servidor?
No. La vista previa y el código generado se producen por completo en tu navegador, así que nada de tu diseño se sube ni se almacena.