OKLCH Color Picker
OKLCH is a modern, perceptually uniform color space supported in CSS. Colors with equal lightness values look equally bright to human eyes.
#9b59b6
rgb(155, 89, 182)
hsl(283, 39%, 53%)
oklch(0.577 0.152 315.3)
cmyk(15%, 51%, 0%, 29%)
Use Cases
Modern CSS color functions — oklch(L C H)
Design systems with perceptual uniformity
Accessible color palette generation
P3 wide-gamut color work
Tips
OKLCH L=0 is black, L=1 is white
Chroma (C) controls saturation — 0 is gray
OKLCH is now supported in all major browsers
FAQ
What is OKLCH?
OKLCH stands for OK Lightness, Chroma, Hue. It's a perceptually uniform color space where equal numerical changes produce equal perceived changes.
Why use OKLCH over HSL?
HSL's lightness is not perceptually uniform — yellow looks much brighter than blue at the same lightness. OKLCH fixes this.
Is OKLCH supported in CSS?
Yes. All modern browsers support oklch(L C H) in CSS.
What are typical OKLCH values?
L (lightness): 0-1. C (chroma): 0-0.4 (most colors below 0.3). H (hue): 0-360 degrees.