Color Picker

Pick a color from an image. Upload an image and click on it to get the hex code. Runs in your browser.

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

  1. Upload an image (PNG, JPG, WebP, or other formats your browser supports).
  2. Click the exact pixel you care about on the preview.
  3. 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

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.

Try these next