Color Picker

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

Input

Color value

#E4572ECustom color · oklch(63.72% 0.184 36.5)

HEX#E4572E

RGBrgb(228, 87, 46)

HSLhsl(14, 77%, 54%)

HSVhsv(14, 80%, 89%)

OKLCHoklch(63.72% 0.184 36.5)

OkLaboklab(63.72% 0.1478 0.1093)

CMYKcmyk(0%, 61.8%, 79.8%, 10.6%)

CSScolor: #e4572e;

Format

Every editor writes to the same color — switch tabs without losing sync.

HEX

Contrast

WCAG contrast of this color used as text on white and on black.

On white3.68 : 1On black5.70 : 1Best text color#000000 5.70 : 1

Closest named colors

Tomato (survey)ΔE 4.2 Orangey RedΔE 4.4 Orange RedΔE 4.5

Continue with this color

Palette from this →Check contrast →Shades and tints →All formats →

Focused pickers

HEX picker RGB picker HSL picker OKLCH 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.

Loading…