How it works
- All formats represent the same color — editing any field recalculates the others.
- HSL is often more intuitive for design work: hue is the color itself, saturation is intensity, lightness is how close to black or white.
- CMYK (cyan/magenta/yellow/key) is the print industry's standard model — useful when preparing color specs for printed materials, though actual print output varies by printer and paper.
- "Nearest named color" finds the closest match among the 140 standard CSS color names, by Euclidean distance in RGB space — click it to copy the name.
Convert colours between HEX, RGB, HSL, LAB and OKLCH, preview them, and check WCAG contrast for accessible text. Everything updates live in your browser.
Frequently asked questions
Which colour formats are supported?
HEX, RGB, HSL, LAB and OKLCH, all kept in sync — change one and the rest update instantly, so you can work in whichever space you prefer.
What is OKLCH and why use it?
OKLCH is a modern, perceptually-uniform colour space, meaning equal numeric steps look like equal visual steps. It's excellent for building consistent, accessible colour scales.
How does the contrast checker help?
It calculates the WCAG contrast ratio between two colours and tells you whether it passes AA and AAA, so your text stays readable for everyone.
Is LAB useful for design?
LAB is device-independent and perceptually oriented, which makes it handy for judging whether two colours are genuinely close in appearance rather than just numerically.