Image Color Picker

Pick original image pixels by coordinates, inspect HEX and RGBA, and export local swatches.

Pick original-resolution pixels, not colors from a resized thumbnail. Open a local image, then tap it or enter exact coordinates.

Choose a PNG, JPEG or WebP image

Up to 10 MiB, 16 million pixels and 8,192 pixels per side. No uploads. Browser-decoded sRGB values; color profiles and JPEG compression can affect results. Animated images use a browser-decoded frame, not an animation timeline.

This tool runs entirely in your browser. Your data is never uploaded, never stored, and never leaves your device.

Sample original-resolution pixels from a local PNG, JPEG or WebP, with exact coordinates, raw alpha and downloadable color reports.

How to use it

1Choose a supported local image within the size limits.
2Tap its preview or enter zero-based X and Y coordinates.
3Inspect raw color separately from its background composite.
4Copy HEX or download sampled points as JSON.

Example

Input: Opaque red PNG pixel: RGBA 255, 0, 0, 255
Output: #ff0000; rgb(255 0 0); alpha 100%

What happens to your data

Image decoding, pixel sampling and JSON generation happen on your device; the selected image is not uploaded.

Last updated October 2026

Pick a color from an image at its original decoded pixel resolution. Open a local PNG, JPEG or WebP, then tap the image or enter exact X and Y coordinates. Copy the raw HEX value, inspect transparency, or download up to twelve sampled points with their coordinates and color values as JSON.

A scaled preview is useful for fitting a photograph on a phone, but sampling a resized thumbnail can blend nearby pixels and return a different color. This tool keeps the underlying canvas at the image's decoded size. Pointer positions are mapped back to that canvas; coordinate sampling provides a precise keyboard alternative.

How it works

Files are limited to 10 MiB, 16 million pixels and 8,192 pixels on either side. PNG, JPEG and WebP dimensions are checked from their headers before browser decoding, then checked again using the actual decoded size. Files with unsupported or damaged headers are refused. SVG, GIF and HEIC are not accepted. An animated PNG or WebP is sampled as a browser-decoded frame, not as an animation timeline.

Coordinates are zero-based: the top-left pixel is (0, 0), and a 1,800-pixel-wide image ends at X = 1799. Browser-applied orientation can change the decoded width and height. The sampled RGBA comes from an sRGB canvas; embedded color profiles, browser color management and lossy JPEG compression can affect values. This is an image-pixel sampler, not a calibrated measurement of the physical color shown by a monitor or printer.

Raw alpha and the selected background are reported separately. Transparent pixels blend with the background in the composite preview, but copying raw HEX retains their alpha. Browsers may discard hidden RGB data where alpha is zero, so this cannot recover invisible original file-channel values. Replacing or removing the image clears the saved samples. Nothing is uploaded; the JSON export is generated on your device and includes no embedded image.

Worked example: sample an opaque red pixel

Input: A PNG pixel with RGBA 255, 0, 0, 255 at X = 0, Y = 0
Result: Raw HEX #ff0000; rgb(255 0 0); alpha 100%

A half-transparent red pixel has a different raw alpha and a background-dependent composite.

Common use cases

Reading an exact brand color from a local screenshot
Checking edge pixels without thumbnail resampling
Inspecting the alpha in a transparent PNG
Saving a reproducible coordinate-and-color sample report

Frequently asked questions

Does resizing the preview change the sampled color?＋

No. CSS changes the displayed size, but the sampling canvas retains the decoded image dimensions. A tap is mapped back to an original-resolution pixel. Use the coordinate fields when several source pixels fit within one displayed pixel.

Why are JPEG colors slightly different from my design?＋

JPEG is lossy and can change pixel values around edges. Color profiles and browser decoding can also affect the result. Use an uncompressed or lossless screenshot such as PNG when precise design-token recovery matters.

Can I use the picker without a mouse?＋

Yes. Choose a local file with the keyboard, enter the zero-based X and Y coordinates, then activate Sample pixel. The saved point includes its coordinates, raw color and alpha.

Are my photos sent to a server?＋

No. The tool reads and samples the selected file in your browser. The optional JSON download contains sampled values and image dimensions, not the image itself.

Can I recover the hidden color of a transparent pixel?＋

Not reliably. A browser canvas may remove RGB information from fully transparent pixels and can round semi-transparent channels. The tool reports the browser-decoded sample, not untouched compressed-file bytes.