Convert hex colors to the modern OKLCH color space
Converts HEX colors to OKLCH — a perceptually uniform color space designed for CSS Color Level 4. OKLCH uses lightness (0-1), chroma (color intensity), and hue angle. Unlike HSL, equal steps in OKLCH lightness look equally different to the human eye, making it ideal for generating accessible color palettes.
The OKLCH values here use the sRGB-to-OKLab pipeline for conversion, which is a reasonable approximation suitable for web design.
OKLCH is a perceptually uniform color space based on OKLab, designed by Bjorn Ottosson. It represents colors using lightness, chroma (saturation), and hue in a way that matches human perception.
Yes — oklch() is supported in CSS Color Level 4 and works in all modern browsers (Chrome 111+, Firefox 113+, Safari 15.4+).
OKLCH is perceptually uniform — changing lightness by the same amount always looks like the same visual change. HSL can produce different perceived brightness at the same lightness value for different hues.
