Generador de tonos y matices de color
Introduce un color HEX base y obtén una escala completa del 50 al 900 — matices hacia el blanco y sombras hacia el negro, al estilo Tailwind. Haz clic en cualquier muestra para copiar su HEX.
Funciona completamente en tu navegador. No se sube nada.
Funciona completamente en tu navegador. No se sube nada.
Cómo funciona
STEP 1
Elige un color
Escribe o pega cualquier código de color HEX en el campo, o usa el selector de color.
STEP 2
Genera la escala
Haz clic en Generar y verás 11 muestras del 50 (más claro) al 900 (más oscuro).
STEP 3
Copia y usa
Haz clic en cualquier muestra para copiar su HEX, o copia la escala completa como propiedades personalizadas CSS.