Image Color Picker

The image color picker turns an uploaded photo into a sampling surface — click any point and read that pixel's exact hex value.

What is Image Color Picker?

The image color picker puts an uploaded image on a canvas beneath a crosshair cursor. Click anywhere and the pixel under the pointer is read and shown in a panel as a large swatch with its hex value and a copy button. Clicking again replaces the value, so the same image can be sampled repeatedly without reloading, and a Replace image button clears the state for a different file.

The accuracy of the sample comes from how the click is converted:

• The image is drawn onto a canvas at a maximum of 800 pixels on its long side, and the click position is converted from the element's rendered bounds into canvas coordinates, so the value is the pixel actually under the pointer.
• Reads come from the browser's decoder: PNG values are bit-exact, JPEG values reflect whatever the codec stored.
• There is one mode — point and click, one colour at a time — with a Replace image button to clear the state for a different file.

The accuracy of the sample is worth explaining, because it is the part a naive implementation gets wrong. The canvas is displayed at whatever size the layout gives it, which is usually not the size of the canvas itself. The tool handles that by measuring the element's rendered bounds and converting the click position into canvas coordinates using the ratio between the two, then reading a single pixel at those coordinates. That means the value you get is the pixel actually under the pointer, not the pixel at the unscaled coordinate — a distinction that matters enormously on a wide image, where the two can be hundreds of pixels apart.

One consequence of the approach is that you are sampling the rendered image rather than the original file:

• Very large files are downsampled before they are read, and colours from fine detail — hair, foliage, texture — are averaged with their neighbours.
• Areas the image does not cover are transparent pixels, and sampling one returns black rather than nothing, since the sampler reads colour channels and ignores the alpha value.
• There is no magnifier or zoom, no averaging over a small radius, and no history — each click replaces the last — so a palette cannot be assembled here.

The tool has one mode and does it well: point and click, one colour at a time. Textured areas give whichever single pixel is under the cursor rather than a representative tone, which is precisely what makes the read trustworthy when the question is what value sits at that spot.

If the immediate task is to pick color from image content — one specific point rather than a general impression — this is the fastest route there is, which is why the division of labour matters: what you do next. For a single colour read off an image, this is the right tool: quick, exact, no setup. For several colours from one image, an extraction tool that clusters the pixels will give you a more useful answer than clicking repeatedly, because it finds the colours that actually dominate rather than the ones you happened to click. For an image's overall tone, an average or dominant colour tool answers the question directly.

Used as an eyedropper for images, then, this is the direct route: upload a photo, click the point you care about, and copy hex from image pixel data — or work in the other direction and sample pixel color from photo content when matching a design to a picture. One click, one value, no interpretation in between.

How to use Image Color Picker

1. Drop an image onto the upload area.
2. Click anywhere on the image — the cursor is a crosshair to make the target clear.
3. Read or copy the hex value from the picked-colour panel.
4. Click again elsewhere to sample a different point, or replace the image to start over.

When to use Image Color Picker vs related tools

Use this when you need the exact colour of a specific point in an image. Use a palette extractor when you need the image's several main colours, or the dominant colour finder when you want a single representative value rather than a chosen point. When several colours are wanted rather than one coordinate, an extraction tool clusters the pixels, and the dominant color finder answers the overall-tone question directly.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.

Frequently asked questions about Image Color Picker