Image Color Picker
Upload an image and click anywhere on it to grab that exact color's HEX and RGB code.
How to Pick a Color from an Image
- Click the upload area or drag in a JPG, PNG, or WebP image.
- Move your cursor over the image (the cursor turns into a crosshair) and click the exact pixel you want to sample.
- The picked color's swatch, HEX code, and RGB values appear below the image.
- Click "Copy" next to either value to copy it to your clipboard.
Frequently Asked Questions
How accurate is the picked color?
It reads the exact pixel value from the full-resolution image data using the canvas getImageData() method, not an approximation from the on-screen scaled preview - your click coordinates are mathematically converted back to the image's real pixel grid first.
Does it show the alpha (transparency) value of the pixel?
No - only the RGB color channels are shown as HEX and RGB values. If you click a fully transparent area of a PNG, you'll still get a color reading (typically the underlying pixel color), just without any transparency information.
Can I pick colors from a JPG, or only PNG?
Any of JPG, PNG, or WebP works - the tool draws whatever you upload onto an internal canvas and reads pixel data from it, regardless of the original file format.
Why does the HEX code look like a string of letters and numbers instead of a color name?
HEX and RGB are exact, unambiguous representations of a color that most design and code tools accept directly, unlike common color names which only cover a small fraction of possible colors - that's why the tool reports both directly copyable formats.
Is my image uploaded anywhere to sample colors?
No. The whole picker works locally: the image is drawn to a hidden canvas in your browser and pixel data is read with JavaScript, without any network request.