Generador de gradientes CSS
Diseña gradientes lineales, radiales y cónicos con vista previa en vivo. Copia el CSS listo para producción al instante — gratis, sin registro.
Tipo de gradiente
Paradas de color
CSS generado
Vista previa
¿Qué es un gradiente CSS?
Los gradientes CSS son transiciones de color suaves definidas íntegramente en código — sin archivos de imagen. Son independientes de la resolución, escalan perfectamente y funcionan en todos los navegadores modernos. Un gradiente lineal transiciona a lo largo de una línea recta en cualquier ángulo. Un gradiente radial se expande desde un punto central. Un gradiente cónico barre alrededor de un punto central como una rueda de color.
Preguntas frecuentes
¿Qué tipos de gradiente soporta esta herramienta?
Lineal (ángulo recto), radial (circular desde el centro) y cónico (rotación de barrido). Puedes añadir múltiples paradas de color en posiciones personalizadas para gradientes multicolor complejos.
¿Puedo usar el código generado directamente en producción?
Sí. La herramienta genera CSS estándar W3C compatible con todos los navegadores modernos. No se necesitan prefijos de proveedor para gradientes en 2026.
¿Cómo uso un gradiente como fondo de página completa?
Aplica el CSS al elemento body: body { background: tu-gradiente; min-height: 100vh; }