FREE BROWSER TOOL

Free Image Color Picker

Click to grab any pixel's HEX/RGB/HSL — and auto-extract the image's whole palette.

  • Data never uploads to a server
  • Free, no sign-up, no watermark
  • Runs offline after loading

Drop an image here, or click to browse — pasting works too.

JPG · PNG · WebP — up to 40MB

Picked color
—
—
—

Hover the image for a magnifier; click to pin a color.

Dominant palette

Upload an image to extract its palette.

Click a swatch to copy its HEX.

Image info

—

Upload an image to pick colors and extract its palette.

How to pick colors from an image

  1. Upload the image — a screenshot, a photo, a design mockup.
  2. Hover for the magnifier. A zoomed loupe follows the cursor so you can aim at the exact pixel.
  3. Click to pin. The HEX, RGB and HSL values appear in the panel — copy any of them.
  4. Use the palette. Six dominant colors are extracted automatically; click a swatch to copy.

Picking vs palette extraction

Pixel picking

Reads one exact pixel — the precise color of a button, a logo accent, a single UI element.

Dominant palette

Median-cut clustering finds the six colors that define the image — a quick palette for matching designs.

HEX · RGB · HSL

HEX for CSS and design tools, RGB for code, HSL for adjusting lightness and saturation.

Frequently asked questions

How do I pick a color from an image?

Upload, hover for the magnifier, click to lock the pixel — HEX/RGB/HSL appear on the right, ready to copy.

How is the palette extracted?

A median-cut algorithm reduces the image to six representative colors — the same approach design tools use for dominant colors.

How accurate is the picker?

It reads exact per-pixel RGB values from the decoded image — no screenshot estimation.

Can I see image info?

Yes — pixel dimensions, format and file size show after loading.

Are images uploaded?

No — reading and extraction happen locally.