Kleur & Ontwerp
Tailwind Kleurzoeker
Gratis Tailwind-kleurzoeker. Plak elke HEX-, RGB- of HSL-kleur en krijg de dichtstbijzijnde Tailwind CSS-kleurklasse. Voor het migreren van ontwerpen naar Tailwind.
Tailwind ↔ CSS color
Closest Tailwind colors
Redactionele opmerking
Understanding · Twenty-two hues, eleven steps.
Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.
Veelgestelde vragen
Quick answers.
›Which Tailwind palette is used?
The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.
›How is 'closest' calculated?
Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.
›Can I find multiple matches?
Yes — we show the top 3 closest colors so you can pick the best for your design.
›Is the tool free?
Yes — fully free, no signup.
Mensen zoeken ook naar
Gerelateerde tools
More in this room.
- Kleurenconverter (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL en modern OKLCH — direct.
- Contrastcontrole (WCAG)Controleer WCAG AA/AAA-contrast – goed- of afkeur.
- Afbeeldingskleurkiezer & PaletSleep een afbeelding, extraheer het palet.
- Kleurenblindheid SimulatorBekijk paletten via deuteranopie, protanopie en meer.
- GradiëntgeneratorLineaire, radiale en conische CSS-gradiënten.
- Box Shadow GeneratorVisuele CSS box-shadow editor.