Color converter

Convert color codes

Pick a color or enter a code — HEX, RGB, HSL and CMYK update simultaneously.

HEX
#
RGB

R

G

B

rgb(249, 115, 22)

HSL

H°

S%

L%

hsl(25, 95%, 53%)

CMYK

C%

M%

Y%

K%

cmyk(0%, 54%, 91%, 2%)

What is the difference between HEX and RGB?

HEX is a hexadecimal representation of RGB colors, e.g. #FF5733. RGB specifies the three color channels (red, green, blue) as numbers from 0–255. They describe exactly the same color spectrum — HEX is simply a compact notation used in HTML and CSS.

What is HSL used for?

HSL (Hue, Saturation, Lightness) makes it easier to intuitively adjust colors. Hue is the color tone (0–360°), Saturation is the intensity (0–100%), and Lightness is the brightness (0–100%). It is especially useful in CSS when you want to create lighter or darker variants of the same color.

What is CMYK and when is it used?

CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive color model used in printing. While screens mix light (RGB), printers mix ink. CMYK values are specified as percentages (0–100%). When submitting files to a print shop, they should typically be delivered in CMYK.

Can I convert HEX to RGB directly?

Yes — type or paste a HEX code (e.g. #3A86FF) into the field, and the converter instantly shows RGB, HSL and CMYK. You can also use the color picker to select a color visually.