Colour Picker From Image

Click anywhere on an uploaded image to read the exact hex and RGB value of that pixel.

color-picker-from-image.js
Click or drag an image here

Upload a photo, screenshot, or design mock-up, then click any point on it to instantly see that pixel's colour as both a hex code and RGB values, with a swatch preview. Useful for matching a brand colour from a logo, picking a colour from a photo for a design, or checking exact pixel values without opening an image editor.

How to use it

  1. Upload an image using the box above.
  2. Click anywhere on the image.
  3. The hex and RGB value of that exact pixel appears below.
  4. Copy the hex or RGB code you need.

Frequently asked questions

How accurate is the colour reading?

It reads the exact pixel value from the canvas, so it's as accurate as the image file itself — though heavily compressed JPEGs can have slight colour shifts from the original scene.

Can I zoom in for more precise picking on small details?

Not yet in this version — for very fine detail, try cropping the image first with the Image Cropper tool, then upload the cropped result here.

Does it work on screenshots?

Yes, any standard image file (PNG, JPG, WebP) works, including screenshots.