LCH to HEX Converter
Convert a CIE LCH color (Lightness, Chroma, Hue) to a HEX code, with live RGB preview and CSS output.
0 = black, 100 = white
0 = grey, higher = vivid
0–360° hue angle
CSS Output
lch(53 105 40)rgb(255, 0, 0)How LCH to HEX conversion works
CIE LCH is a cylindrical representation of the CIE Lab color space, describing any color as Lightness (0–100), Chroma (colorfulness, roughly 0–150+), and Hue (a 0–360° angle). It is perceptually uniform, which makes it a favorite among designers for building color scales where equal numeric steps look like equal visual steps. To convert to HEX, this tool first turns LCH back into Lab coordinates (a = C × cos(H), b = C × sin(H)), then maps Lab to CIE XYZ using the D65 reference white, then converts XYZ to linear sRGB with the standard sRGB matrix, and finally gamma-encodes each channel to produce the familiar HEX code. Because LCH can describe colors outside the sRGB gamut that monitors can display, out-of-range values are clamped to the closest displayable color and flagged above. LCH is supported natively in modern CSS via the lch() function (Chrome 111+, Firefox 113+, Safari 15+).
Private & free — this tool runs entirely in your browser.