HEX to OKLCH Converter
Convert any HEX color to OKLCH in your browser. No signup, no tracking — and below, the math behind the conversion.
Example conversion
HEX
#3B82F6
OKLCH
oklch(60.43% 0.215 254.05)
How the conversion works
HEX represents a color in the sRGB color space. OKLCH represents it in a perceptually uniform polar coordinate system: L (lightness), C (chroma), H (hue). The conversion goes through OKLab as an intermediate. The benefit: a `+10%` lightness change in OKLCH produces a perceptually equal lightness shift across every hue, which isn't true of HSL or HEX. For design tokens shipped in 2026, OKLCH is the right format to author and store.
Convert any color, not just this one
Open the full color picker to pick any color visually and see it in HEX, RGB, HSL, and OKLCH at the same time. The picker also generates palettes (complementary, analogous, triadic, monochromatic) you can copy with one click.