oklchlab
OKLCH to CIELAB Converter
Convert a OKLCH colour to CIELAB, with a live swatch and every other notation alongside.
To convert OKLCH to CIELAB, paste your colour above — any recognisable notation is accepted, including named CSS colours — and every format is shown at once with a live swatch. CIELAB was designed to model human vision and underpins colour-difference calculations. It is the reference space rather than an authoring one.
Runs in your browserAbout converting OKLCH to LAB
OKLCH is perceptually uniform — equal numeric steps look like equal visual steps, which is why it produces far better colour scales than HSL. CIELAB was designed to model human vision and underpins colour-difference calculations. It is the reference space rather than an authoring one.
Share this converter
Related tools
Tailwind Colour Shade GeneratorGenerate a full 50–950 Tailwind colour scale from a single brand colour.CSS Named Colours ReferenceEvery CSS colour name with its HEX, RGB, HSL and OKLCH value, sortable by hue and contrast.CSS Box Shadow GeneratorDesign a CSS box-shadow with live values for offset, blur, spread and colour.Glassmorphism CSS GeneratorCreate frosted-glass CSS with backdrop blur, transparency and a subtle border.CSS Gradient GeneratorBuild linear, radial and conic CSS gradients and copy the code.PX to REM ConverterConvert between pixels, rem and em using your project root font size.