How do I get the colours from an image?

Drop the image into this tool and its dominant colours are read straight from the pixels, each with a hex code you can copy. The whole process runs in your browser, so the image is not sent anywhere.

Why do the extracted colours differ from what I see?

Because the eye judges colour relative to its surroundings, while this tool computes actual pixel values. A colour that stands out to you may occupy only a small share of the image, so it does not register as dominant even though it feels the most prominent.

Is my image uploaded to a server?

No — the image is read directly by your browser using canvas and never transmitted anywhere. Closing the tab clears it from memory entirely.

Color

Image Color Extractor

Pick an image to see its dominant colours, each with its code and its share of the picture.

Choose or drop an image PROCESSED ON YOUR DEVICE · NEVER UPLOADED

How many colours

// NO IMAGE YET

What this is

An image colour extractor reads an image's pixels and groups them into a handful of colours that represent the whole. It is not simply a count of the most frequent value, because a photograph holds thousands of near-identical colours and counting them individually returns several shades of the same one. Pixels are grouped first, then each group is represented by its average — so the palette reflects the picture rather than the noise in it.

How it works

The image is scaled down before its pixels are read. Analysing a six-thousand-pixel original would freeze the browser for seconds without meaningfully changing the answer, because an image's dominant colours do not shift when it is made smaller.

Each colour's share is shown because that number is often more useful than the colour list itself. A colour covering 40% of the image is a candidate for a primary; one covering 2% might be the interesting accent — and a list without shares cannot tell them apart.

How to use it

Choose an image Click the drop area or drag a file in. The image is processed on your device.
Set how many colours Take three for a tight palette, or eight for a fuller picture.
Copy the ones you will use Click any colour to copy its hex code.

Common questions

How do I get the colours from an image?: Drop the image into this tool and its dominant colours are read straight from the pixels, each with a hex code you can copy. The whole process runs in your browser, so the image is not sent anywhere.
Why do the extracted colours differ from what I see?: Because the eye judges colour relative to its surroundings, while this tool computes actual pixel values. A colour that stands out to you may occupy only a small share of the image, so it does not register as dominant even though it feels the most prominent.
Is my image uploaded to a server?: No — the image is read directly by your browser using canvas and never transmitted anywhere. Closing the tab clears it from memory entirely.

Notes

Images are processed in the browser and never uploaded.