Color Converter

The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.

How to use it

• Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
• The "random color" button generates a random hue for quickly browsing a palette.
• Copy the format you need with one click to paste into CSS or a graphics editor.

Which format to use when

• HEX — a compact notation for CSS and design systems (#4453b8).
• RGB — when you need transparency via rgba() or programmatic access to individual color channels.
• HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
• CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.

Things to keep in mind

CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.

Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.