HEX to LCH Converter
Convert a HEX color to the perceptually uniform CIE LCH color space, with CSS-ready output.
rgb(59, 130, 246)
CIE LCH
lch(55.63% 66.78 285.24)
CIE Lab
lab(55.63% 17.55 -64.43)
CSS Snippets
color: lch(55.63% 66.78 285.24);color: lab(55.63% 17.55 -64.43);background-color: lch(55.63% 66.78 285.24);HEX and CIE LCH color, explained
CIE LCHis the cylindrical representation of CIE L*a*b* — Lightness, Chroma (colorfulness), and Hue (angle in degrees). Because it's derived from the perceptually uniform Lab space, equal changes in L, C, or H correspond more closely to equal changes in perceived color than HSL does, which makes LCH useful for building smooth gradients, accessible color scales, and consistent tints and shades. This converter parses your HEX color, converts sRGB to linear RGB, transforms to CIE XYZ (D65 illuminant), then to CIE L*a*b*, and finally derives the cylindrical LCH coordinates — entirely in your browser. LCH color is supported in modern CSS via the lch() and lab() functions (Chrome 111+, Firefox 113+, Safari 15+).
Prefer a different perceptual space? Try OKLCH Color Converter, or convert back with HEX to RGB, or use the all-in-one color converter.
Private & free — this tool runs entirely in your browser.