Image Color Picker
Upload an image and click anywhere to grab the exact HEX and RGB values of that pixel. Copy them straight into your CSS or design tool.
Files are processed locally in your browser and never uploaded.
Click anywhere on the image to sample the pixel color.
About the Image Color Picker
Upload an image and click anywhere to grab the exact HEX and RGB values of that pixel. Copy them straight into your CSS or design tool.
Everything runs in your browser — nothing is uploaded.
How to use the Image Color Picker
- Step 1Type or paste your input.
- Step 2The output updates live as you type.
- Step 3Copy or download the result when ready.
When people reach for this tool
Copy the exact value from a reference image
Recreate a palette from a logo or a screenshot without guessing at the hex code.
Pull several shades out of one picture
Click a few different areas — a shadow, a mid-tone, a highlight — and you have a working ramp.
Quote the colour that is rendering wrong
A precise value in an issue saves a round of screenshots and guesswork.
Practical tips
- Zoom in before clicking. One pixel of a gradient can be a noticeably different colour from the one beside it.
- Pick flat areas rather than edges — anti-aliased pixels are a blend of two colours and rarely give you what you wanted.
What you get
- Live results while you type
- Runs entirely in your browser
- Copy and download with one click
Image Color Picker — FAQ
What formats do I get?
Why does the colour I clicked look slightly off?
More image tools
All 12 other tools in this collection — free, no sign-up, nothing uploaded.