Generador de gradientes CSS
Crea un gradiente CSS (lineal o radial) con vista previa en vivo y código listo para copiar.
🔒 100 % en el cliente — no se envía ningún dato
Genera un gradiente CSS lineal o radial con una vista previa en vivo y copia el código listo para usar directamente en tu hoja de estilos. Ajusta los colores, el ángulo y las paradas para crear fondos modernos en unos clics. La herramienta se ejecuta íntegramente en tu navegador, sin registro y sin envío de datos.
FAQ
¿Cómo creo un gradiente CSS?
Elige el tipo (lineal o radial), escoge tus colores y el ángulo, luego copia la propiedad background generada en tu CSS.
¿Cuál es la diferencia entre linear-gradient y radial-gradient?
linear-gradient crea una transición de color a lo largo de una línea recta (un ángulo), mientras que radial-gradient se irradia hacia fuera desde un punto central.
¿Puede un gradiente usar más de dos colores?
Sí, puedes añadir tantas paradas de color como necesites para crear gradientes multicolor.
¿El CSS generado es compatible con todos los navegadores?
Las propiedades linear-gradient y radial-gradient son compatibles con todos los navegadores modernos sin prefijos.