Image colour picker
Pick the exact colour of any pixel in an image and copy it as HEX, RGB or HSL. The tool also lists the image’s main colours. The image stays on your device.
Free · Runs in your browser · Updated 17 October 2026
Image colour picker
Colours
Last picked
Open an image, then click on it.
How to
Get a colour code from an image.
- 1Open an image: a screenshot, logo, photo or design.
- 2Move over it to see the colour under the pointer, and click to keep it. Keyboard: focus the image, move with the arrow keys, press Enter.
- 3Copy the HEX, RGB or HSL code. The main colours of the whole image are listed too.
Formats
Which colour code to use.
| Format | Example | Use it for |
|---|---|---|
| HEX | #39FF14 | CSS, design tools, brand guides |
| RGB | rgb(57, 255, 20) | CSS, code, Office apps |
| HSL | hsl(111, 100%, 54%) | CSS when you want lighter or darker shades of the same hue |
Photos have noise, so neighbouring pixels differ slightly. For a brand colour, pick from a flat area of a logo or screenshot rather than a photo. The main colours are found with a median cut over the whole image.
FAQ
Questions people ask first.
- How do I find the colour code of an image?
- Open the image in the tool above and click on the colour. Its HEX, RGB and HSL codes appear on the right, ready to copy.
- How do I get the HEX code from a picture?
- Click the spot in the picture; the HEX code (for example #39FF14) is the first code shown.
- Can I pick colours from a screenshot?
- Yes. Take the screenshot, then open or drop the image file here.
- What are the main colours?
- Eight colours that together represent the image best, found by grouping similar pixels. Useful for building a palette from a photo.
- Is my image uploaded?
- No. The image is read in your browser and stays on your device.
Related
More free tools.
- Image colour inverterInvert the colours of an image (a negative): black to white, blue to yellow.
- Image to Base64Encode an image as a Base64 data URI with ready-to-paste HTML, CSS and JSON.
- Black and white photo converterTurn a colour photo into black and white (greyscale) or pure two-tone black and white.
- SVG to PNG converterRender an SVG to a sharp PNG at any width, with transparency kept.
From the team behind the tools
Need image handling inside your own app?
Daniotech builds web and mobile products, including upload flows that resize, convert and check images on the device before they reach your server.