How Image Color Picker Works
The image is drawn onto a canvas, and each click reads the exact pixel color at that position using the Canvas API's pixel data, then converts it to both HEX and RGB notation.
How to Use This Tool
- Choose or drag in an image.
- Click anywhere on the image.
- Read the HEX and RGB values, and copy whichever format you need.
Example
Clicking on a pure white area of an image reads as HEX #ffffff and RGB rgb(255, 255, 255); a pure red pixel reads as #ff0000 / rgb(255, 0, 0).
Helpful Tips
- Zoom in with your browser (Ctrl/Cmd + +) for more precise clicking on small details.
- This reads the color exactly as rendered — for photos with compression artifacts, a single pixel might not represent the 'true' color of a larger area.
Frequently Asked Questions
Is my image uploaded anywhere?
No, color sampling happens entirely in your browser using the Canvas API.
Does this work with transparent images?
Yes, but transparent (alpha < 255) pixels only show the RGB color, not the transparency level itself.
Can I use this on a screenshot?
Yes — upload any image file, including a screenshot you've saved, and click to sample any color from it.
This tool runs entirely in your browser. Your input is not uploaded to any server.