Image Color Picker

Three formats, one click

Every click gives the same colour three ways, because different jobs want different notation: HEX (#1a73e8) for CSS and design tools, RGB for code that mixes or animates colour, and HSL when you want to reason about a colour — nudge lightness for a hover state, drop saturation for a disabled state — without redoing the maths.

What the dominant palette is for

The eight swatches under the picker are the image's most common colours, averaged from every pixel (not just the one you clicked). Typical uses:

• Brand extraction — get a client's palette from their logo when no style guide exists.
• Matching UI to imagery — pull a hero photo's tones into buttons and backgrounds so the page feels designed, not assembled.
• Mood boards — turn reference photos into starting palettes.

Picking accurately

• Hover first, click to keep. The readout follows your cursor live; clicking freezes that colour into the history row (and copies the HEX automatically).
• Beware anti-aliasing. Pixels at the edge of text or shapes are blends — sample from the middle of a colour area, not its boundary.
• JPG smoothing shifts colours. Heavily compressed images blur exact values; when precision matters, pick from a PNG original. (Convert one with JPG to PNG if needed.)
• Paste screenshots directly — Ctrl+V drops your clipboard straight onto the canvas, no saving required.

Building out a site with what you picked? Generate the matching favicon, shrink your images with PNG to WebP, or browse the whole free tools collection.

Frequently asked questions

Drop or paste the image above, hover to see live values, and click the pixel you want — the HEX code is copied to your clipboard instantly, with RGB and HSL shown alongside.

Monitors render colour differently, and the browser may apply the image's embedded colour profile. The values here are the actual pixel data — what varies is each display's interpretation of it.

Yes — take the screenshot, then press Ctrl+V on this page. The clipboard image loads straight onto the canvas.

Pixels are sampled across the whole image and grouped into colour buckets; the eight most-populated buckets are averaged into swatches. It's a fast, dependable approximation of what your eye reads as the image's main colours.

No — the canvas, the picking and the palette maths all run in your browser. The image never leaves your device, and the page works offline.