Image Color Picker
Click a pixel, get its hex.
Move your cursor over the image and the readout shows the exact hex and RGB value of the pixel under it; click to lock that color and copy it. The picker reads the true pixel from your full-resolution file, not the shrunken preview, so the hex you grab matches the source. Nothing is uploaded, so it runs offline on your own device.
How it works
When you drop a file, the image is drawn twice: once scaled down so you can see it, and once at full resolution onto a hidden canvas. As you move the cursor, the tool maps the pointer to a source pixel and reads a single pixel with getImageData, then formats it as hex and RGB. A click stores that reading in your picked list. All of it runs in the browser, with no upload and no server round trip.
What you can copy
| Format | Example | Good for |
|---|---|---|
| HEX | #1a73e8 | CSS, design tools and sharing a single color as one token |
| RGB | rgb(26, 115, 232) | Canvas, gradients and code that needs the separate channels |
| Picked list | your saved swatches | Collecting a few exact colors from one photo, side by side |