Generador de degradados CSS
Fija los colores y el ángulo y te escribe el linear-gradient de CSS. Mueve las paradas de color para controlar dónde ocurre la transición y pega el resultado directamente.
🎨 Todo funciona en tu navegador. Sin instalar nada, sin registro.
Ángulo135°
Ajustes
background: linear-gradient(135deg, #8b5cf6, #0ea5e9);
Si pones texto sobre un degradado, comprueba el contraste tanto en el punto más claro como en el más oscuro. Si lo ajustas solo para un extremo, el texto desaparece en el otro.
Qué hace esta herramienta
- Dos o tres colores con posición de parada
- Angular o radial
- Copia el CSS al momento
- Referencia de clases Tailwind
Otras herramientas de color
Los colores pueden verse algo distintos según tu pantalla y su perfil de color.