Color Converter
Convert colors between HEX, RGB, HSL, and HSV formats.
R59
G130
B246
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
R
59
G
130
B
246
Color Shades
How it works
Enter a color value in HEX (#ff6600), RGB (255, 102, 0), HSL (24°, 100%, 50%), or HSV format and instantly see it converted to all other formats. A live color preview updates as you type so you always know exactly what color you're working with.
Why use this tool?
Designers working across different tools (Figma, CSS, Photoshop) frequently need to convert color formats. This free online color converter is faster than any other tool and supports all major color models.
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
HEX (#FF5733) is a 6-character hexadecimal code used in CSS and design tools. RGB (255, 87, 51) represents red, green, and blue channel intensities. HSL (9°, 100%, 60%) uses Hue, Saturation, and Lightness — more intuitive for adjusting colors.
Which color format should I use in CSS?
All three work in CSS. HEX is shortest and most commonly used. HSL is best when you want to adjust lightness or saturation programmatically. RGB is useful when you need to control opacity via rgba().
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is used in print design. Printers mix ink in these four colors. RGB is for screens; CMYK is for print.
Is this free?
Yes, free to use instantly with real-time conversion between all color formats.
Rate this tool:
Was this tool helpful?