Tailwind Color Converter
Convert Tailwind CSS classes to HEX/RGB or find the closest Tailwind color for any HEX.
Tailwind Color Converter
Convert Tailwind CSS color names to HEX/RGB, or find the closest matching Tailwind shade for any color.
Supports standard formats like blue-500, bg-indigo-600, or text-amber-400.
Quick Palette Reference
Resolved Color
blue-500
Classblue-500
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
About Tailwind Color Converter
Fast lookup for Tailwind CSS colors. Translate classes like blue-500 into HEX and RGB, or find the nearest matching Tailwind palette shade for any arbitrary color.