Generador de Gradientes

Crea fondos con estilo, copia el CSS y pruébalos en una UI de ejemplo.
135°
Alt + clic para ver a pantalla completa

Vista previa UI

Card título

Texto de ejemplo con accesibilidad y contraste.

Otra card

Secundaria con estilos variables.

Tercera card

Ideal para probar el gradiente.