Color Picker

Universal picker — HEX, RGB, HSL, HSV, OKLCH and CMYK in one place, with an eyedropper.

Loading…

Focused pickers

HEX pickerRGB pickerHSL pickerOKLCH picker

FAQ

Which color formats can I edit?

Six: HEX, RGB, HSL, HSV, OKLCH and CMYK. Every change updates all other formats instantly — the picker keeps one source color and derives everything else.

Why OKLCH?

OKLCH is the perceptually uniform space in the CSS Color 4 specification. Sliders change what you actually see: lightness never shifts hue, and gamut-mapping keeps colors on screen. The picker writes CSS-ready oklch() values.

Can I pick a color from anywhere on screen?

Yes, in browsers with the EyeDropper API (Chrome/Edge): click the Eyedropper button and select any pixel on screen. Everything runs locally — no uploads, no tracking.

Related tools

HEX Color Picker

Pick a color and read it as a HEX code — sliders, native picker and instant copy.

RGB Color Picker

Pick colors by RGB channels — live preview, HEX and HSL output, contrast info.

HSL Color Picker

Hue, saturation and lightness sliders with instant HEX/RGB values.

OKLCH Color Picker

The modern CSS Color 4 space: pick by perceptual lightness, chroma and hue — gamut-mapped to sRGB.