Gratis · Ontwerp en CSS
Tailwind-tintengenerator.
Maak van één merkkleur een volledig Tailwind-palet van 50 tot 950 in OKLCH, met hexwaarden, contrasten en code voor Tailwind v4 @theme, v3 of CSS-variabelen.
Loading the calculator…
Zo gebruik je deze tool: Tailwind-tintengenerator
Voer gegevens in of kies een bestand. Pas de instellingen aan, maak het resultaat en controleer het voordat je het kopieert of downloadt.
Limieten en ondersteunde formaten
Je invoer wordt op je apparaat verwerkt.
Technische opmerkingen in het Engels
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.