Tool · OKLCH Color Picker & Converter

OKLCH Color Picker & Converter.

OKLCH is the modern color space — perceptually uniform, predictable, and designed for the web. The L (lightness) and C (chroma) values mean what you'd expect; H (hue) wraps from 0 to 360. Convert anything to it.

OKLCH Color Picker & Converter
P3
Paste HEX/RGB/HSL to convert to OKLCH
Why OKLCH is better than RGB and HSLBuild palette with OKLCH and APCA

Lightness

Chroma

Hue

3D

Alpha

Why OKLCH? → Two colors with the same L value look equally bright. Two colors with the same C value look equally vivid. HSL doesn't behave that way — a yellow at HSL 50% lightness looks much brighter than a blue at HSL 50%. OKLCH fixes that, which makes it the right space for design tokens, accessibility tweaks, and palette interpolation.