Color Converters — HEX, RGB, HSL, CMYK | OhMyUnit

Color

Color space converters for designers and developers — HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK. Live updates as you type, with CSS and Tailwind snippets.

One color, every notation. Designers paste HEX into Figma; CSS authors prefer rgb() with alpha; print needs CMYK; data visualisations like HSL for consistent saturation. The tools below convert between them all in real time.

Tools in this category

Which color format should you use?

HEX — most compact for static colors. Six (or three) hex digits representing red/green/blue.
RGB / RGBA — when you need alpha (transparency). CSS rgb(255 0 0 / 50%) in modern syntax.
HSL — easiest for picking adjacent palettes ("same hue, lighter").
HSV — used by Photoshop, Figma color pickers internally.
CMYK — for print only. Approximate without a color profile.

FAQ

Why does my CMYK look different in print? Browser conversion is mathematical only — real print uses ICC profiles for paper and ink density.

What is the alpha channel? Transparency, 0 (invisible) to 1 (opaque). HEX can express it as a 7th–8th hex digit; RGBA exposes it directly.