๐Ÿ”Color Picking from Image Guide

Click an image to read the HEX and RGB of that pixel

The image you choose is processed inside this browser only and is never sent to a server. Nothing is uploaded and nothing is stored.

Picked colors

-

No.x, yHEXRGBAlpha

You Might Also Need

Pick a color straight off an image

When a reference photo or a screenshot holds the color you want, reading it by eye and typing a HEX code almost always misses. Choose an image file here, click the spot you want, and the HEX, RGB and alpha values of that pixel land in a list. Keep clicking to collect several points like a palette, then take the HEX list away with the copy button or straight out of the text box below it.

How it is processed, and privacy

The file you choose is read with the browser FileReader, drawn into a canvas element on the page, and the single pixel under your click is read back with getImageData. All of that finishes inside this browser, so the image is never sent to a server and never stored. No external library is loaded. Large images are scaled down to 640px wide to fit the page, so the coordinates in the table follow the displayed size rather than the original. Only standard browser features current as of October 2026 are used.

Limits

Colors are read from the scaled drawing, so if you need exact original pixels, crop the file at full size first. Automatically extracting a few dominant colors from a whole photo is not supported, only the pixel you click is read. Semi transparent pixels report their alpha separately, because a HEX code carries no transparency.

Frequently Asked Questions

Does the image get uploaded to a server?

No. It is read and drawn inside the browser with FileReader and canvas, and there is no code that sends the file over the network. Closing the page discards what was read.

Will it find the dominant colors in a photo for me?

No, automatic extraction is not supported. Only the single pixel under your click is read. For several colors, click each spot you want and collect them in the list.

The coordinates do not match my original pixels.

Large images are scaled down to 640px wide before being drawn, so the coordinates follow the displayed size. If you need original coordinates, crop the file at full size and load that instead.