Color & Palette

Color Picker

Pick a color from a gradient, screen, or image, see every format, run WCAG contrast, and generate harmony palettes.

Drag the saturation/value pad, fine-tune hue and alpha, paste any color string.

Hue210°

Alpha100%

Upload an image and click anywhere to sample that pixel's color.

No image loaded yet.

HEX, RGB, HSL, HSV, CMYK, and OKLCH — copy-ready with one click.

HEX#3592f0

RGBrgb(53, 146, 240)

HSLhsl(210, 86%, 57%)

HSVhsv(210, 78%, 94%)

CMYKcmyk(78%, 39%, 0%, 6%)

OKLCHoklch(0.652 0.165 252.1)

Closest CSS name

See how readable the color is on white and black backgrounds.

AaOn white

3.22:1Fail · normalAA · large

AaOn black

6.52:1AA · normalAAA · large

Build a palette from a single base color.