HSL to OKLCH Converter
Convert HSL colors to OKLCH instantly. Paste a value below and copy the result.
Also in
About this conversion
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 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 and OKLCH both use a hue angle, but they are not interchangeable: HSL hues are unevenly spaced perceptually, while OKLCH is designed so equal value changes look equal to the eye. The conversion goes through sRGB, and the resulting OKLCH values are usually quite different numbers for the same visible color.