Convert OKLCH to HSL
Paste a OKLCH color code and get the HSL value instantly — ready to drop into CSS, a design tool, or your code.
What is OKLCH?
OKLCH is a perceptually uniform color space of lightness, chroma and hue that keeps blends even.
What is HSL?
HSL is hue (0–360°), saturation and lightness percentages, optionally with alpha.
How to use it
- Enter or paste a OKLCH color in the input on the left.
- The HSL value is computed instantly.
- Hit "Copy" for the result, or copy any of the HEX, RGB, HSL and OKLCH values shown alongside.
OKLCH can describe colors outside sRGB. When a value can't be shown in sRGB it is clamped to the nearest displayable color and a warning is shown.


