OKLCH to OKLAB
Color Converter

OKLCH is a color space that combines the perceptual uniformity of OKLAB with the intuitive cylindrical coordinates of LCH (Lightness, Chroma, Hue). It is increasingly becoming the preferred color space for modern web design and CSS because it allows for predictable color manipulation—such as creating harmonious palettes or adjusting lightness without shifting the perceived hue—better than HSL or standard LCH. It is natively supported in modern CSS Color Module Level 4, enabling more vibrant and accessible color schemes.

The OKLAB color space is a perceptual color space designed by Björn Ottosson in 2020. It serves as a modern improvement over the traditional CIELAB space, aiming to be simple to use while correcting flaws in LAB's perceptual uniformity, especially in the handling of blue hues which can appear purple in LAB. OKLAB uses three coordinates: 'L' for perceived lightness, 'a' for green-red, and 'b' for blue-yellow. Its superior perceptual accuracy makes it excellent for tasks like color blending, gradient generation, and image processing.