laboklch
CIELAB to OKLCH Converter
Convert a CIELAB colour to OKLCH, with a live swatch and every other notation alongside.
To convert CIELAB to OKLCH, paste your colour above — any recognisable notation is accepted, including named CSS colours — and every format is shown at once with a live swatch. OKLCH is perceptually uniform — equal numeric steps look like equal visual steps, which is why it produces far better colour scales than HSL.
Runs in your browserAbout converting LAB to OKLCH
CIELAB was designed to model human vision and underpins colour-difference calculations. It is the reference space rather than an authoring one. OKLCH is perceptually uniform — equal numeric steps look like equal visual steps, which is why it produces far better colour scales than HSL.
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.