Image Color Picker
Drop a photo and drag the pins to pick the exact colors you want — a precise pixel eyedropper with a live magnifier. Build a palette point by point, copy any HEX, then export. Your image never leaves your device.
Click the image to move the selected pin, or drag any pin. The magnifier shows the exact pixel under your cursor.
Eyedropper vs. extraction — and why both matter
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. Picking — what this tool does — 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 of the region around it.
Precision is the whole game for a picker, which is why there's a live magnifier loupe: 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. The loupe lets you land exactly where you mean to. Drag a pin for coarse placement, then watch the magnifier to nudge onto the precise pixel — the readout updates live as you move.
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, which is the right default for unreleased shots and client work. Once you've picked your colors, hand them off: refine the set in the palette generator, expand one into a Tailwind scale, or check a text pair in the contrast checker. For an automatic dominant-color palette instead, use the Image Color Extractor.
Trusted by Designers & Photographers
“This is how I pull palettes from film stills — deliberate picks, not an algorithm's guess. Dragging a pin while watching the magnifier lets me land on the exact teal I wanted, not the muddy average around it. That it's all local so I can use unreleased shoot frames is the clincher.”
“I drop a screenshot of a competitor's UI and pick the exact button, border and text colors in seconds. The pixel-accurate loupe is the difference between 'close' and 'right'. Copy hex, open in the generator, expand to a Tailwind scale — full workflow in one place.”
“Pulling brand colors straight from a hero shot, by hand, gives me control an auto-extractor never does. Touch dragging works well on my tablet. I'd love a saved-history feature, but copying the whole palette into my design file is quick enough.”
“Precise, private, and fast. The point-by-point approach means the palette is genuinely curated rather than averaged. I use it alongside the extractor — extract for a draft, pick to perfect — and the magnifier makes pixel-level choices effortless.”
Love using our calculator?
Related color tools
Similar Calculators
More tools in the same category
Color Palette Generator
Press space to generate 5-color schemes, lock the colors you love, adjust hue/saturation/lightness and export HEX, RGB or CSS variables — the Coolors workflow, enhanced.
Color Palettes
Browse a curated library of trending color palettes, filter by mood, search by hex, copy any color or open it in the generator.
Color Contrast Checker
Check text/background pairs against WCAG AA/AAA with a live preview at every size, UI badges and a one-click fix to pass.
Tailwind Color Generator
Turn any hex into a full Tailwind 50–950 shade scale with nearest-default match and v4 @theme, config or CSS export.
Multi-Format Color Converter
HEX, RGB, HSL, CMYK, LAB, LCH and OKLCH at once, live — with WCAG contrast, luminance and a tint/shade ramp.
Accessibility Color Checker
Test text/background pairs against WCAG AA/AAA contrast, with a one-click OKLCH fix and color-blind-aware guidance.
Often Used Together
Complementary tools for complete analysis
Related Articles
Dive deeper with our expert guides and tutorials related to Image Color Picker
pixel-accurate eyedropper · live magnifier · image never uploaded · in-browser canvas · Last reviewed: 2026-06