Unified Color Space Converter
Paste one color in any format — HEX, RGB, HSL, HSV/HSB, CMYK, LAB, LCH, XYZ, Oklab, or a CSS name — and instantly see its equivalent in every other color space, with a live swatch and the nearest named color.
Input
Auto-detects HEX, RGB(A), HSL(A), HSV/HSB, CMYK, LAB, LCH, Oklab, XYZ, or CSS named colors.
Output
Your color will appear here.
Guides
Paste a color in almost any format and see it instantly translated into every other color space at once — no more juggling ten single-purpose converters.
Supported formats
Input (auto-detected): HEX (#rrggbb or #rgb), rgb()/rgba(), hsl()/hsla(), hsv()/hsb(), cmyk(), lab(), lch(), xyz(), oklab(), and CSS named colors (cornflowerblue, blueviolet, …).
Output: HEX, RGB, HSL, HSV, CMYK, LAB, LCH, XYZ, Oklab, and the nearest CSS named color (with its ΔE distance, so you know how close the match really is) — plus a live color swatch.
How the conversions work
Everything routes through sRGB as the common pivot: HSL/HSV/CMYK convert directly to and from RGB; LAB/LCH/XYZ go through the standard sRGB → linear-RGB → CIE XYZ (D65 white point) → CIE LAB pipeline (and LCH is LAB in polar form); Oklab uses the Björn Ottosson matrices for a perceptually-uniform alternative to LAB. The named-color match is the closest CIE76 ΔE distance across the full CSS named-color list.
How to use it
- Paste a color value in any supported format — the tool detects which one automatically.
- Read off the equivalent value in every other space.
- Copy the swatch HTML to embed a quick color reference, or copy any individual value.
Everything runs client-side; your color values are never sent anywhere.
Why don't my LAB/XYZ numbers match another tool exactly?
Small differences (usually in the second decimal place) are normal — they come from which reference white point and RGB primaries a tool assumes. This converter uses the sRGB/D65 standard, the most common convention on the web.