Generador de tonos de Tailwind
Convierte un color base en una escala de tonos del 50 al 900 como Tailwind CSS.
50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861
Elige un color base y obtén una escala completa de tonos del 50 al 900 lista para incorporar en tu configuración de Tailwind. Cada muestra es copiable.
Cómo usar
- Elige tu color base
- Observa la escala de tonos del 50 al 900
- Copia el código hexadecimal de cualquier tono
Preguntas frecuentes
- ¿Cómo se construyen los tonos?
- Mantenemos tu tono y saturación y asignamos cada paso a una luminosidad objetivo.
- ¿Qué paso coincide con mi color?
- El rango 500-600 es el más cercano a un color base típico.