OKLCH to LCH Converter

Converted LCH Output --

Alpha (Opacity) 100%

Wide-Gamut & Linear Formats

Modern CSS color space notations derived from this color

Contrast Analysis (WCAG 2.1)

Checks the converted color against foreground or background targets for accessibility compliance.

OKLCH to LCH: What's the Difference?

Converting OKLCH to LCH takes a modern, flawless color space and translates it into an older format. Both use the exact same cylindrical model (Lightness, Chroma, Hue), but they calculate those values using different mathematical foundations.

The Blue Shift Bug

LCH is based on the CIELAB color space, which was standardized in 1976. While it was a massive leap forward for perceptual color, it has a known bug: the "blue shift." When you create a gradient from blue to white in LCH, the transition often turns purple.

OKLCH is based on the OKLab color space, introduced in 2020. It uses LMS cone responses to perfectly model human vision. OKLCH fixes the blue shift, ensuring that gradients and color mixing are perfectly smooth and hue-stable.

The Conversion Process

Because they use different underlying mathematical models, you cannot simply copy the OKLCH values over to LCH. The color must pass through a complex pipeline:

OKLCH to Linear RGB: The OKLCH values are converted to OKLab, and then to Linear sRGB using inverse LMS matrices.
Linear RGB to CIELAB: The linear light is processed through the CIE XYZ reference space to generate CIELAB L, a, and b coordinates.
CIELAB to LCH: Trigonometry is used to convert the a and b coordinates into the Chroma and Hue values for LCH.