Image Colour Picker
Pick any pixel colour from an image and copy its HEX, RGB and HSL values.
About Image Colour Picker
The browser draws your image into a canvas and reads each pixel straight out of that canvas memory, so the file never leaves your machine. What most people forget is that JPEG compression shifts neighbouring colours slightly, so a swatch picked from a JPEG screenshot can be a few units off the value in the original design file. For exact codes, always pick from a PNG or another lossless export.
How to use Image Colour Picker
- 1
Drag an image onto the drop area or press Choose image; the Sample image button paints four colour bands if you just want to try it.
- 2
Leave Show magnifier ticked so hovering reveals a 16x16 pixel region at eight times zoom with its HEX code underneath.
- 3
Click the spot you want. The status line reports the HEX code together with the exact pixel coordinates.
- 4
Copy the HEX, RGB or HSL value from the readout table using the copy button on each row.
- 5
Every pick is kept in the history strip; click a swatch to copy its code, or press Clear to empty the list.
Frequently asked questions
Is the picked colour an average of the surrounding area?
No. It is the value of the single pixel under the cursor. On anti-aliased edges, text and gradients, adjacent pixels carry blended colours, so pick from the middle of a flat region and use the magnifier to confirm what is under the crosshair.
Why do transparent areas give me #000000?
The tool reports only the red, green and blue channels and ignores alpha. A fully transparent PNG pixel usually stores zero in all three channels, so it reads as black. If you need the composited colour, flatten the image onto your intended background first, then load it.
What happens with very large images?
Anything larger than 4096 pixels on a side is scaled down before drawing. Colours in flat areas are unaffected, but the coordinates shown in the status line refer to that resized copy, not to the original file.
How long is the colour history kept?
Only while the page is open. The last 32 colours are held in memory, a repeated colour moves back to the front, and refreshing the page or pressing Clear wipes it. Nothing is stored on a server or in your account.