Image Color Picker
Click anywhere on an image to get its exact hex and RGB colour.
About the Image Color Picker
Matching a specific colour from a photo, screenshot or design mockup — a brand's exact blue, the background colour behind a logo, a shade you liked in someone else's design — usually means eyeballing it and guessing, which never quite matches. This tool removes the guesswork: click anywhere on your uploaded image and get the exact hex and RGB value at that pixel.
Upload your image, click the point whose colour you need, and the tool reads the actual pixel data at that position — not an approximation, the real value the browser sees. Both hex (for CSS, design tools) and RGB (for canvas code, some design software) formats are shown, with a one-click copy for the hex value.
Practical uses: extracting a brand colour from a logo image someone sent you, matching a background colour from a screenshot, or building a colour palette by sampling several points across a photo or mockup. Once you have a hex value, the color converter tool can translate it to HSL for further palette work. Everything runs locally in your browser — the image never leaves your device.
For the cleanest sample, zoom your browser in first if the area you're targeting is small — clicking on a tiny detail in a shrunk-down preview risks landing a pixel or two off from the colour you actually meant, especially near an edge where two colours blend together.
Frequently asked questions
- How accurate is the picked colour?
- Exact — the tool reads the actual pixel value at the point you click, not an interpolated approximation. What you see is precisely what's stored in the image at that coordinate.
- Can I pick colours from a screenshot?
- Yes — any image file works, including screenshots. This is a common way to extract a colour from a website or app you don't have direct access to the CSS for.
- Why might my picked colour look different when I paste it elsewhere?
- Colour rendering can vary slightly between different monitors' calibration and colour profiles, though the hex/RGB values themselves are read exactly. For critical brand colour matching, always verify against an official brand guideline if one exists.
Related tools
Convert any colour between HEX, RGB and HSL formats.
CSS Gradient GeneratorBuild linear and radial CSS gradients and copy the code.
Favicon GeneratorGenerate a full set of favicon PNGs plus the HTML to reference them.
Image CropperCrop any image to exactly the area you need, in your browser.