Both are perceptually uniform; OKLCH (2020) is newer and interpolates hue and lightness more evenly for the eye - it's the new design-system standard.

Why doesn't my CMYK match print?

CMYK depends on paper, ink and ICC profile; on-screen conversion is a theoretical approximation - verify against physical swatches for production.

Did the color change after HSL conversion?

No. HSL and HEX describe the same color with different numbers; what changes is the display, not the value.

Can I convert backwards?

Yes. Any format in, eight out - either direction works as the starting point.

Color Converter

Type any format (HEX / RGB / HSL / name) and convert to all color spaces in real time.

Input color

Supports HEX, RGB, HSL, HSV, CMYK and color names

Converted values

View color detail →

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217.2, 91.2%, 59.8%)

HSV

hsv(217.2, 76%, 96.5%)

CMYK

cmyk(76%, 47.2%, 0%, 3.5%)

XYZ (CIE 1931)

0.26, 0.24, 0.9

LAB (CIE L*a*b*)

lab(55.63, 17.55, -64.43)

LCH (CIE LCH)

lch(55.63, 66.78, 285.2)

OKLab

oklab(0.6231, -0.0332, -0.1851)

OKLCH

oklch(0.6230, 0.1880, 259.8)

How the converter works - paste, convert, copy.

Eight formats converted live: HEX/RGB/HSL/HSV/CMYK/LAB/LCH/OKLCH.

01
Paste
HEX, rgb(), hsl() and cmyk() inputs are all accepted.
02
Convert
All eight formats refresh together; LAB/OKLCH are best for cross-device matching.
03
Copy
Click any result to copy that format.

Converter FAQ

Four questions users actually ask.

LAB vs OKLCH?: Both are perceptually uniform; OKLCH (2020) is newer and interpolates hue and lightness more evenly for the eye - it's the new design-system standard.
Why doesn't my CMYK match print?: CMYK depends on paper, ink and ICC profile; on-screen conversion is a theoretical approximation - verify against physical swatches for production.
Did the color change after HSL conversion?: No. HSL and HEX describe the same color with different numbers; what changes is the display, not the value.
Can I convert backwards?: Yes. Any format in, eight out - either direction works as the starting point.

After you get the result

Keep going from here and put the colors to work.

Contrast Checker

WCAG 2.1 contrast validation between any foreground and background color.

Standards Match

Enter a RAL, Pantone or NCS code — or any HEX — and match it across all 10 standard systems with CIEDE2000 ΔE.

Gradient Maker

OKLCH perceptually-uniform gradients, no gray band, one-click CSS export.

Scale Generator

Any color into an 11-step design-system scale, perceptually even in OKLCH, WCAG contrast per step, export to Tailwind/CSS/SCSS/JSON.

Converted values

How the converter works - paste, convert, copy.

Paste

Convert

Copy

Converter FAQ

After you get the result

Contrast Checker

Standards Match

Gradient Maker

Scale Generator

Converted values

How the converter works - paste, convert, copy.

Paste

Convert

Copy

Converter FAQ

After you get the result

Contrast Checker

Standards Match

Gradient Maker

Scale Generator