OKLCH to HSL Converter
Convert OKLCH colors to HSL instantly. Paste a value below and copy the result.
Also in
About this conversion
OKLCH is a modern, perceptually uniform color space supported in CSS: lightness (0-1), chroma, and hue. Unlike HSL, equal changes in OKLCH values produce visually equal changes in color, so palettes and gradients built in OKLCH look more even to the human eye.
HSL expresses a color as hue (0-360° on the color wheel), saturation, and lightness percentages. It is far more intuitive to adjust than RGB: shifting lightness or saturation keeps the same base hue, which makes HSL popular for building color variations by hand.
OKLCH and HSL both use a hue angle, but the numbers are not interchangeable: OKLCH is perceptually uniform while HSL is not. The conversion goes through sRGB; very vivid OKLCH colors outside the sRGB gamut are clamped to the nearest displayable color first.