Convert a colour into the modern CSS colour spaces: OKLCH, OKLab, LAB, LCH and HWB. Paste a hex or pick a colour and copy any format.
OKLCH and OKLab are perceptually uniform colour spaces now supported in CSS, great for building even-looking palettes and smooth gradients. LCH and LAB are the older CIE equivalents; HWB is an intuitive hue-whiteness-blackness model. Click any value to copy it.
OKLCH is a modern, perceptually uniform colour space available in CSS. Its lightness, chroma and hue match human perception better than HSL, so equal numeric steps look like equal visual steps. That makes it excellent for building harmonious palettes and smooth gradients.
LAB and LCH are the older CIE spaces; OKLab and OKLCH are a newer revision that fixes some perceptual issues, especially around blues. This tool shows all of them so you can use whichever your tools or browsers support.
Yes. oklch(), oklab(), lab(), lch() and hwb() are supported in all current major browsers. For older browsers, keep a hex or rgb fallback, which this tool also gives you.