hexlab
HEX to CIELAB Converter
Convert a HEX colour to CIELAB, with a live swatch and every other notation alongside.
To convert HEX 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 HEX to LAB
Hex is two hex digits per channel — the notation CSS has used since the beginning, and the one every design tool copies to the clipboard. 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.