HEX to OKLCH Converter
Paste a hex color and get its exact OKLCH value, with copyable RGB, HSL and P3.
OKLCH
oklch(0.623 0.188 259.81)OKLAB
oklab(62.3% -0.033 -0.185)HEX
#3b82f6RGB
rgb(23.137% 50.98% 96.471%)HSL
hsl(217 91.2% 59.8%)LAB
lab(54.6 8.76 -65.8)LCH
lch(54.6 66.4 278)Display P3
color(display-p3 0.305 0.503 0.934)sRGBIn gamutP3In gamutRec.2020In gamut
How it works
A HEX color is an sRGB triple. We convert it into the Oklab space and express it as oklch(Lightness Chroma Hue). Lightness runs 0–1, chroma from 0 (gray) upward, and hue is an angle in degrees.
When to use OKLCH instead of HEX
- Building color scales where each step should look evenly spaced.
- Adjusting a brand color's lightness without shifting its hue.
- Targeting wide-gamut displays while keeping an sRGB fallback.
Frequently asked questions
How do I convert a HEX color to OKLCH?
Paste a hex value such as #3b82f6. It is converted instantly to oklch(L C H) with adjustable precision, plus RGB, HSL and P3.
Why does my OKLCH lightness differ from HSL lightness?
OKLCH lightness is perceptual (Oklab-based), so 0.6 looks mid-light regardless of hue, unlike HSL's L which varies wildly across hues.
Is the conversion lossless?
HEX only covers sRGB, so every hex maps cleanly into OKLCH and back. Rounding at low precision can shift the last digit.