OKLab to HSL Color Converter
Convert OKLab colour values to HSL instantly. Free, client-side colour conversion - no signup, no upload, supports the colour picker.
How to Use
- Type or paste a OKLab colour into the input.
- The HSL value updates instantly. Copy with the button.
- Click the swatch to open your browser's native colour picker.
- Click any quick-swatch chip to load a real-world starting colour.
OKLab input
HSL output
Try:
About OKLab and HSL
OKLab — Perceptual OKLab colour space (Bjorn Ottosson).
HSL — Hue / Saturation / Lightness.
Frequently Asked Questions
Does my colour value leave my browser?
No. The conversion runs entirely in JavaScript on this page.
Why does my picked colour change slightly?
Some colour spaces (LAB / OKLab / wide-gamut) can express colours that fall outside sRGB. Those values are clamped back into the displayable range.
Last updated: