Colour converter
Every notation for one colour, side by side. Click any row to copy it.
Common questions
What is the difference between HSL and HSB?
Both use hue and saturation, but HSL’s third value is lightness (50% is the pure hue) while HSB’s is brightness (100% is the pure hue). HSL is more common in CSS; HSB matches most design tools.
What is OKLCH and why does it matter?
A perceptually uniform colour space. Equal numeric steps look like equal visual steps, which HSL does not manage — so OKLCH produces much better colour scales and gradients. It is supported in all current browsers.
Why does CMYK look different from my screen colour?
CMYK is a print space and covers a smaller range than the sRGB your screen uses. Bright, saturated screen colours often have no exact print equivalent, so the conversion is an approximation.