Color converter
Enter a color in any CSS format to get HEX, RGB, HSL, HWB, OKLCH, OKLab and CMYK values, plus WCAG contrast ratios.
No uploads · Everything runs in this browser
Contrast (WCAG 2)
| Text on white | Text on black | |
|---|---|---|
| Ratio | ||
| AA large text (3:1) | ||
| AA normal text (4.5:1) | ||
| AAA normal text (7:1) |
FAQ
What is OKLCH?
OKLCH describes a color by lightness, chroma and hue in a perceptually uniform space. Changing only the lightness keeps the hue looking the same, which makes it handy for design systems. All modern browsers support it in CSS.
Why is CMYK marked as approximate?
Real print colors depend on the paper, ink and ICC profile. This tool uses a simple formula without a profile, so check with your printer for exact values.