Image Color Picker

Precision is what makes this picker worth using. As you move across the photo, a magnifier loupe zooms into an 11×11 pixel grid around your cursor with the center pixel highlighted, so you sample the flat fill of a logo letter instead of the blurry anti-aliased halo around it. Every pick gives you the same color three ways — HEX for CSS and design tools, RGB for code, HSL when you want to reason about hue and lightness — each one a single click to copy. Your last eight picks stay on hand as swatches, so comparing two candidate blues doesn't mean re-hunting for them. And because everything runs in your browser, unreleased brand assets and client work never leave your machine.

When you need the whole scheme rather than a single value, extract a palette. One click pulls the most prominent colors from the image — up to eight, weighted by how much of the photo they cover — and lays them out as labeled swatches. Take them wherever your work happens: copy them as ready-to-paste CSS custom properties, grab them as JSON for design tokens or scripts, or download a clean PNG swatch strip to drop into a brief, moodboard or Slack thread.

A few habits make picks more reliable. Sample from the middle of flat color areas — pixels on edges and text outlines are blends created by anti-aliasing, not the true color. Zoom into the photo first when the target is small; the loupe magnifies, but a bigger target is still easier to hit. Remember that JPG compression speckles flat areas slightly, so two neighboring pixels can differ by a point or two — the palette extractor averages that noise out, which makes it the better source for design-system colors. And if the photo's colors aren't quite what you want, tune them with Adjust Image or Photo Filters first, then pick from the graded result.