OKLCH to HSL Converter

How OKLCH to HSL conversion works

OKLCH (Lightness, Chroma, Hue) is a perceptually uniform color space built on OKLab — equal numeric steps in L, C, or H correspond to equal perceived changes in color, which makes it ideal for generating palettes and gradients that look smooth to the human eye. It is natively supported in modern CSS via the oklch() function.

HSL (Hue, Saturation, Lightness) is the older, more widely supported cylindrical color model most CSS developers already know. To convert, this tool first maps OKLCH to OKLab, then to linear sRGB via the standard OKLab-to-LMS and LMS-to-linear-RGB matrices, applies the sRGB gamma curve, and finally derives HSL from the resulting RGB channels. Because OKLCH can represent colors outside the sRGB gamut, some inputs are clamped to the closest displayable HSL value.

Need the reverse direction or other formats? Try HSL to HEX, the full OKLCH Color Converter, or OKLCH to HEX.