Gratuit · Design et CSS
Générateur de nuances Tailwind.
Transformez une couleur de marque en palette Tailwind complète de 50 à 950 en OKLCH, avec valeurs hex, contrastes et code pour Tailwind v4 @theme, v3 ou variables CSS.
Loading the calculator…
Comment utiliser cet outil: Générateur de nuances Tailwind
Saisissez ou sélectionnez vos données. Réglez les options, générez le résultat puis vérifiez-le avant de le copier ou de le télécharger.
Limites et formats acceptés
Vos données sont traitées sur votre appareil.
Notes techniques en anglais
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.