Color Converter

Convert colors between HEX, RGB, HSL, and CMYK formats with live color picker

#3B82F6
HEX
RGB

rgb(59, 130, 246)

r
g
b
HSL

hsl(217, 91%, 60%)

h
s
l
CMYK

cmyk(76%, 47%, 0%, 4%)

c

76%

m

47%

y

0%

k

4%

About Color Converter

Color codes are used differently depending on the field. HEX is standard in web development (CSS, HTML), RGB is used in screen displays and digital design tools, HSL is human-friendly and ideal for adjusting colors, and CMYK is used in print design. This tool converts between all four formats instantly with a live color picker.

FAQ

What is a HEX color code?
A HEX color code is a 6-digit hexadecimal value (e.g., #FF5733) used in web design. The first two digits represent red, the next two green, and the last two blue.
What is the difference between RGB and CMYK?
RGB (Red, Green, Blue) is used for screens and digital displays, as screens emit light. CMYK (Cyan, Magenta, Yellow, Key/Black) is used for printing, as inks absorb light.
Which color format should I use in CSS?
HEX and RGB are both widely used in CSS. For transparency, use RGBA (e.g., rgba(255, 87, 51, 0.5)). HSL is great when you want to adjust lightness or saturation easily.

Related Tools