Developer & Design Tool

Image Color Picker & Palette Extractor.

Upload, drop, or paste any image to pick exact pixel colors with precision magnifier loupe, extract dominant palettes, convert between HEX, RGB, HSL, HSV, CMYK, and test WCAG contrast. How to use

Upload Imageor paste (Ctrl+V)

Samples:

Hover image to inspect pixels & zoom loupe. Click anywhere to lock color.

Color Harmonies

Complementary

Analogous

Triadic

Split-Complementary

Monochromatic

Selected Color Formats#3b82f6

HEX#3b82f6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

HSVhsv(217, 76%, 96%)

CMYKcmyk(76%, 47%, 0%, 4%)

WCAG 2.x Contrast Ratio

AaSample text preview on background

Contrast ratio

3.68:1

Fail

AA — normal textFail (min 4.5:1)
AA — large text (18pt+/14pt bold+)Pass (min 3:1)
AAA — normal textFail (min 7:1)
AAA — large textFail (min 4.5:1)

All color picking, magnification loupe rendering, spectrum selection, palette extraction, and WCAG contrast checks run 100% locally in your browser.