Sample the pixel you actually need

The preview may be smaller than the source image, but a click is mapped back to a source-pixel coordinate. Enter the coordinates directly when you need precision. The top-left pixel is X 0, Y 0; the last pixel is one less than the image’s width or height. A small displayed preview can make neighboring source pixels difficult to target, so use the coordinate fields to refine a choice.

Photographs contain many nearby colors

A color that looks uniform can contain many slightly different pixels because of lighting, shadows, texture, anti-aliasing, or image compression. This tool samples one pixel; it does not average a region or infer a brand’s official color. Use a flat interior area when checking a logo, and consult the original design file when exact brand specifications matter.

Transparency affects the visible color

The tool reports RGB channels and the pixel’s alpha separately. HEX output here is a six-digit RGB value; it does not include opacity. A partly transparent pixel appears different depending on the background behind it, and a fully transparent pixel has no visible color of its own. Sampling uses the browser-decoded canvas representation, so it is not a substitute for a professional color-managed workflow.

Worked examples

Pixel	RGB	HEX
Solid white	rgb(255, 255, 255)	#FFFFFF
Solid green channels 49, 95, 71	rgb(49, 95, 71)	#315F47

Good questions.

Does it upload my picture?

No. The file is decoded and sampled locally in this page.

Is it an average of nearby pixels?

No. It returns the one pixel at the displayed source coordinate.

Can I use it with a keyboard?

Yes. Enter X and Y values instead of clicking the image preview.

Updated 5 November 2026 · Methods & corrections

Image color picker