Source pixel sampling · Local canvas

Image Color Picker

Pick exact decoded RGBA pixels from a local image by clicking its canvas or entering coordinates, with HEX output and a color swatch.

Drag and drop your file hereor browse from your device
PNG, JPEG or WebP · up to 20 MiB. Processing stays in your browser.

How to use Image Color Picker

  1. Choose a PNG, JPEG or WebP image.
  2. Read the entered pixel coordinates or click the rendered canvas to select a pixel.
  3. Copy its RGBA and HEX values; alpha is included rather than silently discarded.

Sample the decoded image, not a screen capture

The picker reads the image’s canvas pixels in the browser. Click coordinates are mapped back from the displayed canvas to the original pixel grid, so a scaled preview can still address source pixels. The result includes x/y, RGB bytes, alpha and a hex color with an alpha suffix when needed.

Understand color-management and transparency limits

The result reflects the browser’s decoded sRGB-style canvas representation, not raw sensor values or an ICC-profile inspection. Transparent pixels retain their alpha value, and RGB values at zero alpha should not be interpreted as a visible color. The file stays local; the tool does not identify brands, objects or a complete palette automatically.

Does clicking a scaled preview sample the smaller display image?

The click is mapped to the source canvas coordinates. The reported sample is read from that decoded source pixel grid.

Is input uploaded?

Processing takes place in your browser. This tool does not send your input or selected files to a conversion API.

Related tools and guides

Browse all developer tools