Skip to content
ZeroServer.tools

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

HEX
#ff0000

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.

Recommended: IndieKit Ship your Next.js startup in days.affiliate

Related Converters tools