Pick a color from any image
Designers, developers and crafters all hit the same problem: you have a photo, a logo or a screenshot, and you need the exact color code of one spot in it. This image color picker answers that in one click. Open the image, click the point you want, and the panel shows the color as HEX, RGB and HSL, each with its own Copy button.
When the image opens, the pixel in the very center is picked automatically, so you can see how the readout works straight away. A small ring marks the point you picked on the image.
The zoom loupe and fine-tuning
Small details are hard to hit with a mouse, and impossible with a finger. While you hover over the image (or drag on a touch screen), a round magnifier shows an 11 × 11 pixel area around the pointer, enlarged so each pixel is a visible square. The square in the middle is the one you will pick.
- Mouse: move over the image to look, click to pick. Hold the button and drag to preview colors as you go.
- Touch: press and drag; the loupe floats above your finger. Lift to pick.
- Keyboard: click the image once (or tab to it), then use the arrow keys to move one pixel at a time — hold Shift to move ten pixels — and press Enter to add the color to the history.
Single pixel or average
The Sample size setting decides how many pixels are read:
| Setting | What you get | Best for |
|---|---|---|
| Single pixel | The exact value of one pixel | Logos, flat graphics, screenshots |
| 3 × 3 average | Mean of the 9 pixels around the point | Most photos |
| 5 × 5 average | Mean of 25 pixels | Grainy or heavily compressed JPGs |
Averaging removes the noise you find in photos, so the result matches what your eye sees rather than one random speck.
Color history
Every color you pick is added to a row of swatches (the 16 most recent, newest first). Click a swatch to show its values again — its HEX code is copied at the same time. With two or more colors, “Copy all HEX codes” copies the whole list, one code per line, ready to paste into a design file or a CSS stylesheet.
If you want the main colors of a photo without clicking around, the Color Palette from Image tool finds them automatically. To swap a color you have picked for another one, use Change Image Color.
Formats and privacy
The picker reads any image your browser can open — JPG, PNG, WebP, AVIF, GIF (first frame), BMP and SVG — plus iPhone HEIC photos, which are decoded with a WebAssembly module when the browser cannot read them itself. Transparent pixels are averaged by their opacity, so a half-transparent edge does not pull the result toward black.
Everything runs on your device: the image is read into a canvas in the page and never uploaded, and the page keeps working offline once it has loaded. If you need a negative of the colors instead, try Invert Image Colors.