Image Color Picker

Drop an image in and click any point on it. The tool reads that pixel from the original full-resolution image, not the scaled preview, so the value you get is exact rather than an approximation from a resized copy.

Both HEX and RGB are shown, and clicking a swatch copies the HEX to your clipboard.

Underneath, six colours are extracted automatically along with the share of the image each one covers. This works by sampling the image down and grouping near-identical shades into buckets, then ranking those buckets by how many pixels fell into them.

The result is a practical palette rather than a mathematically perfect one: it tells you what the image actually looks like at a glance, which is what you want when matching a design to a photograph.

Percentages help you tell a genuine brand colour from an incidental one — a colour covering 30 per cent of the image is structural, one covering 2 per cent is a detail.

Matching a design to a photograph — pulling accent colours from a hero image so a page feels coherent.

Recovering a brand colour when you have a logo image but no brand guide, which is a very common situation.

Checking a screenshot for the exact shade a design system uses, when you cannot open the source file.

Building a palette from a reference photo, which is a standard starting point in both interior and interface design.

No. The pixels are read locally through the Canvas API. Nothing is uploaded, stored or logged, and the tool works offline once the page has loaded.