A
AiTechWorlds
AiTechWorlds
Convert colors between HEX, RGB, RGBA, HSL, HSB, and Tailwind — with live preview.
Accepts: HEX (#fff / #ffffff), RGB, RGBA, HSL, HSLA — outputs HEX, RGB, HSL, HSB, HWB, OKLCH & closest Tailwind
Contrast vs White
3.68:1
Contrast vs Black
5.71:1
HEX
#3B82F6
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
HSB
hsb(217°, 76%, 96%)
HWB
hwb(217 23% 4%)
OKLCH
oklch(62.3% 0.188 259.8)
Tailwind (closest)
blue-500
The Color Format Converter transforms any color between HEX, RGB, RGBA, HSL, HSLA, and HSB/HSV formats simultaneously. It also matches against CSS named colors and approximates the closest Tailwind CSS color class. Use the color picker or type any format directly — the tool auto-detects the input format.
Pick or enter a color
Use the color picker, or type any format: #ff0000, rgb(255,0,0), hsl(0,100%,50%).
View all formats
All color representations update instantly in the output panel.
Copy any format
Click the copy button next to any format to copy it to your clipboard.
100% Private — No Server Required
All processing happens directly in your browser. No data is uploaded, stored, or transmitted to any server.
Last reviewed on June 5, 2026 by the AiTechWorlds Tools Team. All processing runs locally in your browser.
Advertisement