OKLAB to HSL
Paste any OKLAB color to get an accurate HSL value instantly. Copy the converted result, try a random example, or continue with related color tools.
hsl(240 69% 65%)
Tip: Press SPACE to generate a random color
Click a color block to copy to your clipboard.
Similar OKLAB converters
More color converters
OKLAB to HSL FAQ
Questions about converting OKLAB values into HSL for design and development workflows.
OKLAB to HSL frequently asked questions
How do I convert OKLAB to HSL?
Paste or type a OKLAB color into the input field and the converter will instantly return the matching HSL value. You can then copy the result and use it in your design or development workflow.
When should I use HSL over OKLAB?
HSL is a better choice when you need designing coherent color palettes in UI development, allowing intuitive manipulation of lightness and saturation. If your current workflow starts in OKLAB, converting helps you move the same color into the format required by your code, tooling, or platform.
Does this converter preserve my selected color in the URL?
Yes. The current OKLAB value is synced to the page URL so you can bookmark the conversion, share it with someone else, or come back to the same result later.