🎨 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
Generador de box-shadow CSSAjusta la sombra viendo el resultadoBuscador de nombres de color¿Cuál es el nombre más cercano a este color?Conversor de temperatura de colorMira qué aspecto tiene realmente un valor en kelvinGenerador de paletas de coloresSaca los colores que combinan con uno base, por regla
Los colores pueden verse algo distintos según tu pantalla y su perfil de color.