Image Color Picker

Click any image to sample its colors.

Free color picker for images. Upload an image, click any pixel, and get its HEX, RGB, and HSL values with a swatch and one-click copy.

Loading tool…

If the tool stays on this message, make sure JavaScript is enabled, then reload the page.

About Image Color Picker

"What color is that, exactly?", whether you're matching a brand palette, rebuilding a design from a screenshot, or settling a debate about a shade, this tool answers with a click. Upload any image, click any pixel, and you get its HEX, RGB, and HSL values with a swatch and one-click copying.

It reads the exact pixel under your cursor, so zoom into detailed areas before sampling for precision. JPEG compression can shift colors at edges and gradients, so sample flat, solid areas when you need the true intended color. JPG, PNG, WebP, and GIF all work, up to 25 MB.

Two caveats from experience: the sampled value is the file's color, which can look different on your screen if a color profile is involved, always sanity-check against the brand's official spec when it matters. And transparency has no color of its own; clicking a transparent region samples whatever sits beneath it.

How to use Image Color Picker

  1. Upload your image.
  2. Click any spot on the image to sample that pixel.
  3. Copy the HEX, RGB, or HSL value.

Why use this tool?

  • HEX, RGB, and HSL values
  • One-click HEX copy

Tips for best results

  • Zoom before sampling: zoom into detailed areas so your click lands on the exact pixel you want.
  • Sample flat areas: JPEG artifacts shift edge pixels, click solid regions for the true color.
  • Copy HEX in one click: use the copy button for CSS-ready values without retyping.
  • Build a palette: sample several points across an image to extract a full working palette.
  • Check brand specs: sampled colors can differ from official brand values due to compression, verify for production work.

Frequently asked questions

How accurate is the sampled color?
It reads the exact pixel under your cursor, zoom in on the image first for precise picks on detailed areas.
Is there a file size limit?
Yes, 25MB per image, processed locally in your browser.
Does it work on any image type?
Yes, JPG, PNG, WebP, and GIF all work.
What do HEX, RGB, and HSL mean?
Three ways to describe the same color: HEX is the six-digit code CSS uses, RGB gives red/green/blue levels, and HSL describes hue, saturation, and lightness.
Why does a transparent area give a weird color?
Transparency has no color of its own, the tool samples the pixel data beneath it, so check the image's actual background.

Related tools

Image CompressorShrink image file sizes without visible quality loss. Image ResizerResize images to exact pixel dimensions. Image to Base64Encode any image as a base64 data URI. Compress Image to SizeShrink an image to an exact file size, like 50KB or 100KB.