Image Color Picker
100% private — runs on your device, never uploaded. Works offline once loaded.
Upload an image and hover or click anywhere to read the exact colour as HEX and RGB, ready to copy. Everything runs locally in your browser — no uploads.
How the picker actually reads a colour
When you load an image, it's drawn onto an invisible HTML canvas at its full pixel resolution. As you move the cursor, the tool calls the canvas's getImageData function on the single pixel under your mouse, which returns its red, green and blue values on a 0–255 scale. That triplet is then formatted as both a HEX string and RGB for you to copy — there's no guessing or averaging involved, it's the literal stored value of that pixel.
Because the read happens against the raw pixel data rather than what's rendered on screen, results are consistent regardless of your monitor's brightness or colour calibration — though the colour is still interpreted in the standard sRGB space, which is what nearly every website and design tool expects.
Typical reasons people reach for this
It's most useful when a colour exists only as a picture, not as a code. A common case: someone screenshots a competitor's website or a Figma mockup shared as a PNG and needs the exact button colour to match it in CSS. Interior designers and painters use it to pull a HEX value from a photo of a wall or fabric swatch to cross-reference against paint brand codes. Illustrators sample skin tones or sky gradients from reference photography to keep a palette consistent across a piece.
Anti-aliasing and why edges lie
Pixels sitting exactly on an edge between two colours are rarely a clean version of either — anti-aliasing blends them, so clicking right on a logo's outline might give you a muddy in-between shade rather than the true brand colour. It's worth zooming into a flat, solid area of the region you care about before clicking, rather than trusting a sample taken right at a boundary.
- Zoom in on your image before picking near edges or text
- Sample from the middle of a solid colour block, not a gradient
- Screenshots saved as JPEG can shift colours slightly due to compression — PNG is more reliable for exact matches
Frequently asked questions
What formats do I get?
Each picked colour is shown as both HEX (e.g. #3366ff) and RGB, with one-click copy.
Are my images uploaded?
No — colours are read on your device and your image stays private.
How accurate is the colour I get?
It's exact for the pixel you clicked — the tool reads the raw stored RGB value with no rounding. Accuracy issues usually come from the source image itself (JPEG compression artefacts or anti-aliased edges), not from the picker.
Can I pick colours from a webpage or another app, not just an uploaded file?
No — this tool only samples pixels from an image file you load into it. For picking colours off a live webpage you'd need a browser extension or your OS's built-in eyedropper.
Does it show transparency (alpha) as well as colour?
The sample returns the visible RGB colour of that pixel; if the source has transparency, the colour shown is what's already been composited against the canvas background, not a separate alpha value.
Will the HEX code match what I see on my screen exactly?
It matches the pixel data in the file, interpreted as standard sRGB. If your monitor isn't colour-calibrated, what you see and the numeric value can diverge slightly, but the HEX/RGB output itself is precise.
Which image formats can I use?
Any format your browser can decode and display — JPEG, PNG, GIF, WebP, BMP and most others — since the picker works from the decoded pixel grid, not the file format itself.
Is my image sent anywhere to get the colour value?
No. The pixel read happens entirely in your browser's canvas — the image data never leaves your device for this to work.
Advertisement