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


