Pick Colors from an Image
Point at any pixel and read its colour. Hover to preview live, click to pin a swatch, and copy the hex code with one tap — useful for matching a brand colour from a logo or pulling a palette from a photo, all on your own device.
100% private — this tool runs in your browser. Your file is never uploaded to any server.
How it works
The picker reads colours from the image at its full original resolution, not from the scaled preview — so the value you get is the pixel’s true colour even when the preview is shrunk to fit your screen. Hovering shows a live readout; clicking pins the colour as a swatch with its hex and RGB values, and each swatch copies its hex to your clipboard with a click. A practical note on JPGs: compression scatters slight noise through areas that look flat, so two neighbouring pixels can differ by a point or two. For a brand colour, pick from the middle of a solid area, and prefer a PNG original when you have one.
Step by step
Add your image
Drop a photo, screenshot or logo, or tap to choose.
Hover to preview
The readout follows your cursor with the live colour.
Click to pin
Each click saves a swatch with hex and RGB values.
Copy
Tap any swatch to copy its hex code to the clipboard.
Frequently asked questions
How do I find the hex code of a colour in an image?
Add the image, hover until the readout shows your colour, and click — the swatch displays the hex code and copies it when tapped. No account, no software, and the image never leaves your device.
Why do I get slightly different values from the same-looking area?
JPEG compression. It adds invisible noise, so a “flat” background actually varies by a point or two between pixels. Pick from the centre of the solid area, or use a PNG source, and you will get consistent values.
Is the colour picked from the preview or the real image?
The real image. Clicks are mapped back to the original file at full resolution, so the value is exact even though the preview is scaled to fit your screen.
Can I build a palette from a photo?
Yes — click several points and the swatches accumulate into a row you can copy one by one: shadows, midtones, highlights. It is a quick way to pull a colour scheme from a mood image.
What formats do the swatches give me?
Hex (like #1A73E8) and RGB (like 26, 115, 232). Hex is what CSS, design tools and most brand guides use; RGB is the same colour written as numbers.
Does this work with screenshots?
Especially well — screenshots are usually PNG, which has no compression noise, so every pixel of a flat UI colour reads identically. It is the most reliable way to match a colour from an app or website you cannot inspect.
Why does the copied colour look different in my design tool?
Colour management. Wide-gamut photos (Display P3 from recent phones) are read here as standard sRGB values, and some tools interpret them differently. For UI and web work in sRGB — the common case — the values match exactly.
Is my image uploaded to pick colours from it?
No. The image is drawn into your browser’s canvas and every readout comes from your own device’s memory. Nothing is transmitted at any point.