Zoom in on small details
Crop or enlarge the area first if you need to pick from tiny text or thin lines.
Image Colour Picker
Find the exact colour code of anything in an image: a logo, a product, a screenshot of a website. Click to pick, copy the HEX, RGB or HSL value, and see the image's main colour palette.
- 100% free
- No sign-up
- Files never leave your device
Drop an image here or click to chooseYou can also paste a screenshot
Click anywhere on the image to pick a colour. Hover to preview.
Hover
Picked
How to use
How to use the Image Colour Picker
- Add an image or paste a screenshot.
- Hover over the image to preview colours.
- Click to pick a colour and see its HEX, RGB and HSL codes.
- Copy any code or click a colour in the palette or history.
Private by design. Your images are processed by your own browser. They are never uploaded to a server, so even private or confidential photos stay on your device.
About this tool
HEX, RGB and HSL explained
All three formats describe the same colour in different ways. HEX, such as #8B0000, is the compact code used most in web design and brand guidelines. RGB lists the amounts of red, green and blue from 0 to 255, and HSL describes hue, saturation and lightness, which makes it easy to create lighter or darker shades.
The palette section groups similar pixels together and shows the colours that cover most of the image. It is a quick way to build a colour scheme from a photo or to check which colours a competitor's brand uses.
Good to know
Colour picking tips
Mind compression
JPG compression can shift colours slightly. Use a PNG screenshot for exact brand colours.
Pick from your screen
In supported browsers, use the screen picker to grab colours from anywhere.
Check contrast
When using picked colours for text, make sure there is enough contrast with the background.
FAQ
Image Colour Picker FAQs
How do I find the HEX code of a colour in an image?
Upload the image and click on the colour. The HEX code appears instantly, ready to copy.
Can I pick a colour from a website?
Take a screenshot and paste it here, or use the screen picker button in browsers that support it.
Why is the picked colour slightly different from the brand colour?
Compression, colour profiles and anti-aliasing can shift pixels slightly. A clean PNG gives the most accurate result.
Is my image uploaded?
No. The image stays in your browser.
Need help with visuals that sell?
Our digital marketing team creates and optimises images, ads and social content that perform.