Tailwind 색상 찾기
무료 Tailwind 색상 찾기입니다. HEX, RGB 또는 HSL 색상을 붙여넣고 가장 가까운 Tailwind CSS 색상 클래스를 얻으세요. 디자인을 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
자주 묻는 질문
›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.