Công cụ tìm màu Tailwind
Công cụ tìm màu Tailwind miễn phí. Dán bất kỳ màu HEX, RGB hoặc HSL nào và nhận lớp màu Tailwind CSS gần nhất. Dành cho việc di chuyển thiết kế sang 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
Các câu hỏi thường gặp
›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.