Image Color Picker
Pick colours from any image with a magnifying loupe and copy HEX, RGB or HSL.
Take a Colour Straight Out of a Picture
Matching a colour from a photograph or a screenshot by eye does not work — what looks like one flat blue is a dozen shades, and the one you want is rarely the one you would have guessed. A pixel-accurate sample removes the guessing.
The loupe here magnifies a fifteen-pixel square around the cursor with a crosshair on the exact pixel being read, which is the difference between sampling the colour you meant and the one next to it.
Key features
- Magnifying loupe — a zoomed view with the sampled pixel marked, so an edge or a gradient is no obstacle.
- Three formats at once — HEX, RGB and HSL, updating as you move.
- Keep a palette — click to save a colour; click a saved swatch to copy it.
- Touch supported — drag to move the loupe, lift to keep the colour.
- Read from the decoded pixels — exactly what is in the file, with no screen colour management in between.
This tool runs entirely inside your browser using native Web APIs. Your files and text are never uploaded to a server, never logged and never shared with third parties.
How to use: Image Color Picker
- Add an image
It is drawn to a canvas in the page — nothing is uploaded. - Move over it
The loupe shows the magnified area and the three colour values update live. - Click to keep
Saved colours collect beneath; click any of them to copy it. - Copy what you need
HEX for CSS and design tools, RGB for canvas work, HSL for adjusting a shade.
Technical specifications
| Processing location | Entirely in your browser — no server round trip |
|---|---|
| Data uploaded | None. Files and text never leave your device |
| Price | Free — no account, no trial, no usage cap |
| Category | Media |
| Works offline | Yes, once the page has loaded |
| Browser support | Chrome 90+, Edge 90+, Firefox 90+, Safari 15+ |
| Interface languages | English, 中文, हिन्दी, Español, العربية |
Frequently asked questions
Why does the colour differ from what my screen shows?
Because this reads the values stored in the file, while your screen applies its own colour profile on top. The value here is the one that belongs in your stylesheet; what you see is your monitor’s interpretation of it.
Can I pick from a very large image?
Yes. Images wider than 900 pixels are scaled to fit the stage, so an enormous photo stays usable. Sampling reads the scaled canvas, which for a flat area is identical and for fine detail may blend neighbouring pixels.
What is HSL useful for?
Adjusting a colour rather than picking one. Hue, saturation and lightness map onto what you actually want to change — a slightly lighter version of the same colour is one number in HSL and three in RGB.
Does it work on a phone?
Yes. Drag to move the loupe and lift your finger to keep the colour under it, which works better than trying to tap an exact pixel.