Image Color Picker
Point at any pixel in an image and read back its exact colour as a hex code or RGB values.
Grabbing a colour that already exists
Sometimes the colour you want is sitting right there in a picture — a shade from a brand's logo, a tone in a photo you are designing around, a colour from a screenshot of a site you like. Rather than eyeball it, this reads the precise value of whichever pixel you point at, so you can copy the exact hex code straight into your own work.
Zooming in helps on busy images, where two neighbouring pixels can be surprisingly different and the one you want is a single dot.
Why the sampled colour sometimes surprises you
A patch that looks like one flat colour is often a mix of slightly different pixels, especially in photos and anything with a gradient or JPEG compression. If a sample looks off, nudge to a cleaner spot — a large, evenly-lit area of the colour gives the most reliable reading.
How to pick a colour from an image
- Add the image.
- Click anywhere on it to sample that exact pixel.
- Copy the HEX, RGB or HSL value.
Building a palette from a photograph
Sampling straight from an image is the fastest way to match a brand colour, pull a palette out of a photograph you like, or find the exact shade a screenshot used. It removes the guesswork of trying to eyeball a colour by hand.
Photographs are rarely one flat colour — lighting, shadow and compression all shift individual pixels. Sample two or three spots across an area and use the value that best represents it rather than trusting a single click.
Image Color Picker FAQ
What is a HEX colour code?
A six-character code like #3D34D6 that browsers and design tools use to describe an exact colour.
Why do nearby pixels give different values?
Lighting, gradients and JPG compression all vary the colour slightly. Sample a few points across the area.
Is my image uploaded to pick a colour?
No. The picture is read in your browser and never leaves your device.
What colour formats does it give me?
The exact colour as a hex code and as RGB values, ready to paste into a design tool or stylesheet.
Why do two nearby pixels give different colours?
Photos and compressed images blend colours pixel to pixel, so a patch that looks uniform can vary. Sample from a large, even area for the truest value.
Is my image uploaded?
No. The colour is read from the image in your browser; nothing is sent anywhere.