Tool · Converter

Hex · RGB · CMYK · HSL.

Paste any value — hex, rgb(), hsl(), cmyk(), or a named colour. All four notations update in parallel.

Preview

#0F4C81

Hex

RGB

rgb(15, 76, 129)

HSL

H°S%L%

hsl(208, 79%, 28%)

CMYK

C%M%Y%K%

cmyk(88%, 41%, 0%, 49%)

Notation, briefly.

Hexis the web's lingua franca — six characters, eight bits per channel. Easy to share, easy to mistype.

RGBis the same number, spelled out. 0 to 255 per channel, additive light. What your screen actually emits.

HSL rewrites RGB in terms a human can reason about: hue (0–360°), saturation (0–100%), lightness (0–100%). Useful when you need to nudge a colour without changing the others.

CMYK is print: cyan, magenta, yellow, key (black), 0–100% each. Subtractive ink. Match your screen to your printer, never the other way around.