Gratis · Design e CSS
Generatore di sfumature Tailwind.
Trasforma un colore del brand in una palette Tailwind completa da 50 a 950 in OKLCH, con valori hex, contrasti e codice per Tailwind v4 @theme, v3 o variabili CSS.
Loading the calculator…
Come usare questo strumento: Generatore di sfumature Tailwind
Inserisci i dati o scegli il file. Regola le opzioni, genera il risultato e controllalo prima di copiarlo o scaricarlo.
Limiti e formati supportati
I dati vengono elaborati sul tuo dispositivo.
Note tecniche in inglese
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.