Upload an image and click anywhere on it to read the pixel color as a hex value. Useful for themes, CSS, and matching brand colors.
How to use this tool
- Upload an image (PNG, JPG, WebP, or other formats your browser supports).
- Click the exact pixel you care about on the preview.
- Copy the hex value shown for use in design tools or code.
Design tips
- Zoom the image (if your browser allows) or crop first in an editor for precision on small UI elements.
- Very compressed JPEGs can show color fringing at edges—prefer PNG or WebP for critical picks.
- For favicons and app icons, pair with our PNG to ICO converter after you finalize artwork.
Related tools
- Image resizer — resize before sampling fine details
- Image to Base64 — embed small assets in HTML/CSS
- PNG to ICO — build multi-size icons from artwork
FAQ
Is my image uploaded to a server?
No. The image stays in your browser for sampling.
Why does the hex change slightly when I move one pixel?
Photos are anti-aliased; neighboring pixels blend. Click the center of a flat area for a stable read.
Does this support transparency?
If the format supports alpha, the tool reflects the displayed pixel. Very transparent areas may read oddly—pick on solid fills when possible.
More colour & design
Colour Converter & Contrast CheckerConvert any CSS colour between HEX, RGB and HSL, and check its WCAG contrast ratio against white and black. Free and instant.
Base64 Encoder & DecoderEncode text to Base64 or decode Base64 back to text, right in your browser. Handles emoji and accented characters correctly, with URL-safe output.
HTML Entity Encoder & DecoderEscape HTML so tags display as text, or decode entities back into characters. Supports all HTML5 named entities, in your browser.
Image to Base64Convert images to Base64 data URIs in your browser. No upload. Copy the result for use in HTML or CSS.
