Image Color Picker
Click anywhere on an image to read the exact pixel colour.
Processed on your device — never uploaded
Move the mouse over the image to sample; click to lock a colour.
What Is This Tool?
This tool draws your image on a canvas and reads back the RGBA value of whatever pixel is under the cursor. It shows the colour as HEX, RGB and HSL, keeps a list of the colours you click to lock, and lets you copy any value. Nothing about the image leaves your device.
How It Works
Drop an image onto the box or select one.
Move the mouse over the image to see the live colour.
Click to lock a colour into the picked list.
Click Copy HEX (or a locked swatch) to copy the value.
Everything runs locally in your browser — the image you choose is decoded onto an HTML canvas on your own device and is never uploaded to a server.
Features
- Live HEX, RGB and HSL readout
- Click to lock and collect colours
- Alpha value shown for transparent pixels
- Copy any format with one click
- Runs entirely in the browser
Common Use Cases
- Matching a UI colour to one in a screenshot
- Grabbing a brand colour from a logo image
- Sampling skin or sky tones from a photo for editing
- Building a palette by clicking around an image
Frequently Asked Questions
Why is the colour slightly different from my design tool?
JPEG compression and colour-profile handling can shift values by a point or two. For exact colours, sample from a PNG exported without a colour profile.
Can it pick colours from anywhere on my screen?
No. Browsers only allow reading pixels from an image you load into the page, not from other windows. Use your OS colour picker for that.
Does it show transparency?
Yes. For pixels with an alpha channel, the readout includes the alpha value and RGBA form.
Is there a zoom / magnifier?
The canvas is shown at a readable size and the crosshair samples a single pixel. Zoom your browser in for very fine work.
Is my image uploaded?
No, pixels are read locally with getImageData.