Image Color Picker
Hover over any image with a pixel-zoom loupe and click to collect exact colors. Sampled at original resolution — nothing is uploaded.
Drop an image here
or click to browse · paste from clipboard (Ctrl+V)
Move over the image to inspect pixels · click to add a color to your list.
#——
Picked colors
Click the image to collect colors.
Click a pixel, get its exact color
Three clicks on this desert shot — the picker reads the true pixel value at the image's original resolution, not a screen approximation.
Picked pixels · original resolution
#7A6048dune shadow#334A66storm sky#B69873sunlit sand11×11 loupe while you hover · click to collect
What is an image color picker?
An image color picker (eyedropper) reads the exact color value of any pixel in a picture. Designers use it to match brand colors from logos and screenshots, developers grab precise HEX values for CSS, and artists sample reference photos. This picker shows a magnified 11×11 pixel loupe while you hover, samples at the image's original resolution regardless of how it's scaled on screen, and keeps a running list of everything you pick.
Why a picked color can look "wrong"
Sometimes you pick a pixel and the result doesn't match what your eye sees. That's almost never a bug — it's one of these:
- Anti-aliasing. Pixels on the edge of any shape or letter are blends of both sides. Pick from the flat center of a region, never the boundary — the zoom loupe exists exactly for this.
- JPEG artifacts. Compression scatters noise around hard edges, so two neighboring pixels in a "solid" area can differ. When it matters, pick from a PNG original instead of a screenshot of a screenshot.
- Context illusions. The same gray reads warm next to blue and cool next to orange — your eye color-corrects, the picker doesn't. The picker is right; trust the number.
- Wide-gamut displays. Browsers read image pixels as sRGB values. A photo taken on a P3 iPhone may look punchier on screen than its sRGB numbers suggest.
For a trustworthy pick: zoom in, confirm the area is uniform, sample two or three nearby spots, and if they agree, convert the result to the format you need in the Code Converter.
Related tools & guides
- Photo Palette Extractor — Want the whole picture summarized instead of single pixels? Extract the full palette.
- Color Code Converter — Convert a picked HEX into RGB, HSL, CMYK, or OKLCH with one click.
- HEX vs RGB vs HSL vs OKLCH — What each format is actually for — and which one to store in your design system.
Frequently asked questions
How is this different from the Palette Extractor?
The Palette Extractor analyzes the whole image automatically and returns its dominant colors. The eyedropper is manual and surgical: you choose the exact pixels. Use the extractor for a starting palette and the eyedropper when you need one precise color.
Is the picked color affected by my screen zoom?
No. Clicks are mapped back to the image's native pixel grid, so you always get the true stored color — not a scaled or anti-aliased approximation from the display.
Is my image uploaded?
No. The image is read locally with the Canvas API and never leaves your device.