LCH to HEX Converter

About the LCH to HEX Converter

What is LCH to HEX conversion?

LCH gives you a color as Lightness, Chroma and Hue in the CIELAB color space — the format color scientists, print workflows and CSS's lch() function speak. HEX is what nearly everything else wants. This converter turns any LCH triple into its #RRGGBB equivalent using the D50 white point CSS specifies, and lists RGB, HSL, OKLCH, LAB, HWB and CMYK beside it.

Each slider paints a live gradient of its own axis, which makes this page double as an LCH color picker: sweep Hue at fixed L and C and every stop appears equally bright — the whole point of a perceptual space. LCH can describe colors beyond sRGB, so out-of-range values are clipped to the closest displayable color, just as a browser would.

How to Use This Tool

1. Enter the LCH values. Drag Lightness (0–100), Chroma (0–150) and Hue (0–360°) or type exact numbers.
2. Read the HEX code. It heads the results and the preview swatch shows exactly what it renders as.
3. Copy any format. RGB, HSL, OKLCH, LAB and more, each with a one-click copy button.
4. Branch out. Load any shade, tint or harmony chip to keep designing from the converted color.

Common Use Cases

• From tokens to HEX: Design systems that publish lch() values still need hex for emails, docs and older tools.
• Photoshop handoffs: Convert LCH-style values from color-managed software into web-ready codes.
• Palette engineering: Design in LCH for even steps, export as HEX for the codebase.
• Fallback generation: Pair every lch() declaration with a hex fallback line for legacy browsers.
• Curiosity: Type numbers from a spec or article and instantly see the color they describe.

Going the other way? Use the HEX to LCH converter, compare with OKLCH to HEX, or browse all our free color tools.

Frequently Asked Questions

How do I convert LCH to HEX?

Set Lightness, Chroma and Hue with the sliders or number inputs and read the HEX code at the top of the results. The conversion goes LCH to LAB to XYZ to sRGB, using the D50 white point the CSS specification defines.

Why do some LCH values clip?

CIELAB covers far more colors than an sRGB screen can produce. When your L, C and H describe something outside that range, the tool snaps to the nearest displayable color, which is the same clipping browsers apply to out-of-gamut lch() values.

Why did my value change slightly after I moved a slider?

OKLCH, LCH and LAB can describe colors that no screen pixel can show. When a slider combination lands outside the sRGB range, the tool clips it to the nearest displayable color, so extreme chroma values may snap back once converted.

My other tool gives a slightly different HEX. Why?

Almost always the white point: this converter uses D50 as CSS and Photoshop do, while some libraries default to D65. The difference is small but visible in the last digits.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, nothing you enter is uploaded or logged, and the page keeps working offline once loaded.