Gratis · Diseño y CSS
Generador de tonos de Tailwind.
Convierte un color de marca en una paleta Tailwind completa de 50 a 950 en OKLCH, con valores hex, contrastes y código para Tailwind v4 @theme, v3 o variables CSS.
Loading the calculator…
Cómo usar esta herramienta: Generador de tonos de Tailwind
Introduce los datos o selecciona el archivo. Ajusta las opciones, genera el resultado y revísalo antes de copiarlo o descargarlo.
Límites y formatos compatibles
Los datos se procesan en tu dispositivo.
Notas técnicas en inglés
Lightness steps imitate Tailwind’s default palette; check important text pairs for contrast. Everything is calculated in your browser; nothing you type is uploaded.
Each step has a target OKLCH lightness from 0.971 (50) to 0.258 (950); chroma rises and falls around the middle in proportion to your colour, and is reduced where needed to stay in sRGB.
Teal #0d9488 becomes 11 shades from #f2f7f6 to #072a26 and is kept exactly at step 600.