Color Picker From Image

Click any pixel to identify its exact HEX, RGB, and HSL color. Free, no account - and your file never leaves this browser tab.

Choose an image to sample

or click to browse - pasting a screenshot works too

JPG, PNG, WebP, GIF, or BMP up to 25MB
Processed on this device. Never uploaded.
How it works

Image Color Picker in 4 steps

  1. Choose an image or paste a screenshot.

  2. Click or tap the exact pixel you want to inspect.

  3. Read the HEX, RGB, and HSL values beside the preview.

  4. Copy the HEX code into your design or stylesheet.

When to use it

Sample the exact color of any pixel in a screenshot, logo, photo, or design export. Click directly on the image to get copy-ready HEX, RGB, and HSL values without uploading the source file.

  • Match a website color from a screenshot.
  • Identify a logo or brand color from an image asset.
  • Inspect UI colors when the original design file is unavailable.

Format & quality notes

  • The picker samples the decoded pixel under your pointer; compressed JPG edges can contain blended colors.
  • Color values use the browser's standard sRGB rendering pipeline.
  • Your image is decoded locally and is never uploaded.
FAQ

Questions about the Color Picker From Image.

How do I find a HEX color in an image?

Load the image and click the pixel you want. The tool immediately displays its HEX, RGB, and HSL equivalents.

Why does a JPG show slightly different colors near an edge?

JPEG compression blends neighboring pixels around sharp edges. Sample a few pixels inside the solid area for the intended color.

Can I pick colors from a screenshot?

Yes. Paste a screenshot directly or choose its image file, then click any visible pixel.

Is the image sent to a server?

No. Pixel sampling happens entirely in this browser tab.

Give feedback

Goes straight to the team - no account needed.