Image Color Picker

There are two ways to get colors out of an image, and they answer different questions. Extraction asks “what are the dominant colors in this whole image?” and averages thousands of pixels into a representative set — that's what the Auto-extract button does, dropping a pin on a representative spot for each dominant color. Picking asks “what is the exact color at this precise spot?” That distinction matters when you need the actual hex of a logo mark, a button in a screenshot, a single petal, or a specific highlight, rather than a blurred average.

Precision is the whole game for a picker, which is why there's a live magnifier loupe and zoom: at the pixel level, what looks like a flat color is often a gradient or a JPEG-compressed cluster of near-identical values, and being one pixel off can mean a noticeably different hex. Zoom in, watch the magnifier, and land exactly where you mean to. Drag a pin for coarse placement, then nudge onto the precise pixel — the readout updates live, in whichever format (HEX, RGB or HSL) you've chosen, and names the color too.

Building a palette by hand, point by point, gives you editorial control an algorithm can't. You decide that the deep teal of the water, the warm sand, and the one orange of the sunset are the colors — not whatever happened to cover the most pixels. That's how art directors pull palettes from film stills and photographers build brand colors from a hero shot: deliberate picks, not statistics.

Like every tool in this suite, it runs entirely in your browser on a canvas — the image is read locally and never uploaded. Once you've picked your colors, hand them off: refine the set in the palette generator (one click via “Open in Generator”), expand one into a Tailwind scale, or check a text pair in the contrast checker. For a pure dominant-color palette, use the Image Color Extractor.