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.
- JWT DecoderDecode a JSON Web Token to read its header, payload, and expiry. Runs entirely in your browser — the token is never sent anywhere.