Result will appear here.
Pick a pixel’s colour from an image — HEX/RGBA with alpha, mouse or keyboard, in your browser.
Reads a single canvas pixel's colour as HEX/HEXA/RGB/RGBA/HSL with its alpha and coordinate.
Focus the image, move with arrow keys (Shift = 10 px), and press Enter or Space to sample.
Values reflect the browser-rendered canvas pixel, not the raw embedded file data.
Everything runs in your browser on a canvas — your image is never uploaded.
Color Picker from Image lets you read the colour of any single pixel by clicking it on a browser canvas. Each pick reports HEX, HEXA, RGB, RGBA, HSL, the alpha percentage and the pixel coordinate, and the values reflect the browser-rendered canvas pixel rather than the raw embedded file data.
You can pick with the mouse or pointer, or focus the image and use the arrow keys to move one pixel at a time — hold Shift for ten — then press Enter or Space to sample. Each sampled colour is announced for screen readers and can be copied with one click.
Transparent and semi-transparent pixels are reported honestly: the alpha percentage is shown and a note explains when a pixel is fully or partly transparent. Download any sample as TXT or JSON.
Pick with the mouse or move pixel-by-pixel with arrow keys and Enter.
Reports HEXA, RGBA and an alpha percentage, with a note for transparent pixels.
Edge clicks are clamped to valid pixels, so picking never throws.
The image is drawn on a canvas in your browser and never uploaded.
Read an exact on-screen colour from a photo, screenshot, or design.
Grab the HEX of a button or background to reuse in CSS.
See whether a pixel is opaque, semi-transparent, or fully clear.
Sample colours without a mouse using the keyboard.
Yes. Each pick reports the alpha percentage along with HEXA and RGBA, and a note flags fully or partly transparent pixels. The colour shown is the pixel's RGB regardless of its transparency.
It reads the browser-rendered canvas pixel, not the raw embedded file bytes. Colour profiles, browser image decoding and any scaling can make this differ slightly from the original file value.
Yes. Focus the image and use the arrow keys to move the sample point one pixel at a time (hold Shift for ten), then press Enter or Space to read the colour. The result is announced for screen readers.
The coordinate is clamped to the valid pixel range, so clicking the far right or bottom edge reads the last valid pixel instead of failing.
No. The image is drawn and read by browser canvas APIs on this page; no file is sent to a server.
Tools that pair well with Color Picker from Image.