Generador de gradientes CSS
Crea gradientes CSS lineales o radiales y copia el código listo para usar.
background: linear-gradient(135deg, #2563EB, #A855F7);Cómo funciona
Selecciona el tipo de gradiente, dos colores y, para los gradientes lineales, el ángulo. La vista previa y el código CSS se actualizan automáticamente.
Preguntas frecuentes
¿Puedo crear gradientes radiales?
Sí. Puedes alternar entre gradiente lineal y radial.
¿Puedo copiar directamente el valor CSS?
Sí. El botón Copiar CSS copia la declaración background completa.