🎨 Design · Free

One color,
every format.

Type a HEX, RGB, HSL or CMYK value and get all the others instantly, with a live swatch. Built for web and print.

▶︎ How to use — watch it work on real numbers

Free HEX, RGB, CMYK and HSL color converter

This color converter translates a single color between the four codes designers use every day: HEX and RGB for screens, HSL for intuitive tweaking, and CMYK for print. HEX is just RGB in base-16 — #2F6BFF is R47 G107 B255. CMYK is derived from RGB with K = 1 − max(R,G,B)/255 and each ink = (1 − channel/255 − K) / (1 − K), which is the value you hand to a printer.

Why CMYK matters for print

Screens mix light (RGB) but presses mix ink (CMYK), so a bright screen color can look duller on paper. Converting to CMYK percentages before you send a file to print — business cards, banners, packaging — lets you check and correct colors up front. For a perfect match, printers apply ICC profiles, but these percentages are the right starting point.

How do I convert HEX to CMYK?
HEX → RGB (0–255 per channel) → CMYK with K = 1 − max/255. This tool shows all four live.
Can I pick a color visually?
Yes — use the color picker at the top; every field updates instantly.

Related: Aspect Ratio Calculator · EAN-13 Barcode Generator