Image Color Picker and Average Color Finder
Designers constantly need the exact colour of something inside a picture: the blue of a logo in a screenshot, the background tone of a product photo, or the shade a client circled in an image and said "match this". Guessing by eye fails, because screens render colours slightly differently and names like "dark blue" mean nothing to a computer. This free Image Color Picker reads the true value of any pixel you click, in HEX and RGB, and also works out the average colour of the whole image.
Load a picture, then click or tap the exact spot you care about. The tool maps your click to the real pixel underneath, even though the preview is scaled down to fit the page, and shows a swatch with the colour codes ready to copy into a design tool, a CSS file, or a message to a printer. The average colour is calculated from a small sample grid of the entire image, giving you the single tone that best represents it, which is handy for choosing matching backgrounds and borders. Everything happens locally in your browser; your image is never uploaded.
How to use
- Click the file box and choose an image from your device.
- Wait for the average colour card to fill in automatically.
- Click or tap any point on the image to pick that pixel's colour.
- Read the HEX and RGB values on the Picked color card.
- Use the Copy HEX buttons to paste a colour straight into your project.
Frequently asked questions
What are HEX and RGB values?
They are two ways of writing the same colour. HEX, such as #2E7FC4, is common in web design and CSS. RGB lists the amounts of red, green, and blue from 0 to 255. This tool shows both, so you can use whichever your software asks for.
How is the average colour calculated?
The image is reduced to a small sample grid and every sampled pixel is averaged together. It is a close, practical average, perfect for picking a background tone that sits comfortably behind the picture, rather than a scientific measurement.
Why does the colour look slightly different in my app?
Colour management varies between apps and screens, and JPEG compression blends neighbouring pixels, so a photo rarely contains one perfectly flat colour. Pick a few nearby points and you will see the small range the compression created.
Are my images uploaded anywhere?
No. The image is drawn and sampled on your own device, inside your browser.