Alpha encoding differs by space. CSS supports rgba() , hsla() , and 8-digit HEX ( #RRGGBBAA ). Older email templates and some design tools don't grok #RRGGBBAA — fall back to rgba() . HSL hue is in degrees. 0 = red, 120 = green, 240 = blue. CSS accepts turn , rad , grad too but the output here is degrees. CMYK conversion is naive. Real print needs an ICC profile (sRGB → CMYK with rendering intent). This tool's output is fine for brand-deck mockups, not for press-ready files. OKLCH and OKLAB (modern perceptually-uniform spaces) aren't shown here — they're newer and not yet broadly supported. Stick to HSL/HSV for design system tooling for now.

Selector de Color

Elige un color y míralo en HEX, RGB, RGBA, HSL, HSLA, HSV y CMYK. Ajusta la opacidad y copia.

Pick a color Opacity: 100% Or paste any value

Resultado

What is this for?

Pick a colour — or paste any HEX / rgb() / hsl() value — and instantly see it in every common notation: HEX (3- and 8-digit with alpha), RGB(A), HSL(A), HSV, and CMYK. Useful when you've got a value in one space and need it in another, when matching a brand colour across CSS / design tools / print, or when adjusting opacity without re-eyeballing the result.

When to use each space

HEX / RGB — CSS, design tools, email templates. Universally supported.
HSL — readable palettes. Tweak hue, saturation, or lightness independently without the colour drifting on the other axes.
HSV — design software (Photoshop, Figma) for shading; matches the way most colour pickers think about "this colour, lighter".
CMYK — print-ready output. Approximate only: screens are RGB and printers don't all share one colour profile.

Common gotchas

Alpha encoding differs by space. CSS supports rgba(), hsla(), and 8-digit HEX (#RRGGBBAA). Older email templates and some design tools don't grok #RRGGBBAA — fall back to rgba().
HSL hue is in degrees. 0 = red, 120 = green, 240 = blue. CSS accepts turn, rad, grad too but the output here is degrees.
CMYK conversion is naive. Real print needs an ICC profile (sRGB → CMYK with rendering intent). This tool's output is fine for brand-deck mockups, not for press-ready files.
OKLCH and OKLAB (modern perceptually-uniform spaces) aren't shown here — they're newer and not yet broadly supported. Stick to HSL/HSV for design system tooling for now.