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.
Runs in your browserUpdated Apr 26, 2026
Tailwind ↔ CSS color
Closest Tailwind colors
blue-500
#3b82f6
blue-600
#2563eb
indigo-500
#6366f1
sky-500
#0ea5e9
cyan-500
#06b6d4
violet-500
#8b5cf6
Veelgestelde vragen
›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.