HEX to OKLAB Converter

Type or paste a HEX color: 3, 6 or 8 digits, with or without the #. A pasted CSS line works too.

Enter HEX Color:

OKLAB Result:

oklab(0.62796 0.22486 0.12585)

HEX:#FF0000

OKLAB:oklab(0.62796 0.22486 0.12585)

CSS Usage:

background-color: oklab(0.62796 0.22486 0.12585);

color: oklab(0.62796 0.22486 0.12585);

border: 1px solid oklab(0.62796 0.22486 0.12585);

View full color page →Convert back to HEX →

Popular Examples:

How to Convert HEX to OKLAB

HEX to OKLAB converts hex colors to the OKLAB perceptual color space, designed for better color interpolation and manipulation. OKLAB uses three axes: L (Lightness), a (green–red), and b (blue–yellow). Equal steps in OKLAB give roughly equal perceived color differences, far more even than RGB — making it ideal for generating smooth color scales and accessible palettes.