- Home
- All tools
- Image tools
- Image colour picker
Image colour picker
Click anywhere on a picture and get the exact colour under your cursor as HEX, RGB and HSL, ready to paste into your design tool — free, in your browser, with nothing uploaded.
- Runs on your device
- HEX, RGB and HSL
- Keeps your recent picks
Pick a colour from an image
Nothing is uploaded — the image is read in this tab
PNG, JPG, WebP or GIF, up to 12 MB, any dimensions
Three steps, about a minute
Load your image
Drop a PNG, JPG, WebP or GIF into the tool above or pick it from your device. Nothing leaves this tab.
Click the colour you want
The swatch, the HEX, RGB and HSL values and the exact pixel coordinates all update on the click.
Copy the value you need
Click a value to copy it. Every pick is kept in the recent list, so comparing two colours does not mean starting over.
Three formats, because different tools want different ones
- HEX for the web. The six-digit form that CSS, Figma and almost every website builder expect.
- RGB when you need the channels. Useful for transparency work and for anything that asks for values from 0 to 255.
- HSL when you want a variation. Hue, saturation and lightness make it obvious how to build a lighter or more muted version of the same colour.
- Recent picks stay on screen. Pulling a palette out of one photograph means picking several colours and comparing them, not picking one and leaving.
About this tool
What is the difference between HEX, RGB and HSL?
They describe the same colour three ways. HEX is a compact code for the web. RGB gives the red, green and blue channels from 0 to 255. HSL gives hue, saturation and lightness, which is the easiest of the three to adjust by hand when you want a lighter or duller version of the same colour.
Does the picker work on a photograph?
Yes, and it reads the exact pixel you click. Photographs are noisy, so two neighbouring pixels in what looks like one flat area can differ slightly — click a few times and take the value that repeats if you want the representative colour.
Is my image uploaded anywhere?
No. The picture is drawn into a canvas in your browser and read there, so the file never leaves your device and nothing is stored or logged.
Can I pick a colour from a screenshot?
Yes, and it is one of the most common uses — matching a brand colour from a screenshot of a website or a PDF when nobody can find the original brand guide.
Why does the colour look different in my design tool?
Usually a colour profile. A photograph saved in a wide-gamut profile can display differently from the raw pixel value the picker reports. For web work the HEX value is what matters, because browsers render it exactly as given.
Related image tools
Your file, your device
The image is drawn into a canvas in your own browser and read pixel by pixel there. Nothing is uploaded, stored, or logged — closing the tab is all the cleanup there is.
Missing a setting?
Tell us what this tool should also do. Suggestions decide most of what we build next.
124 more tools where this came from
PDF, writing, image, SEO, research, and calculators — all free, all without an account.