Image Color Picker

How to pick a color from an image

1. Drop an image on the upload area, or click it to choose a file (JPG, PNG, WebP, GIF or any format your browser can display).
2. Move the pointer over the picture. The zoom loupe shows the pixels around the cursor, enlarged, and Under the cursor gives the HEX code live.
3. Click the pixel you want. The Picked color swatch shows it with its pixel position, and the HEX, RGB, HSL, HSV and CMYK codes appear next to it, each with a Copy button.
4. Keep clicking to collect more colors: they are added to Picked colors, where you can copy each one. Clear list empties it.

On a phone or tablet, simply tap the image. With a keyboard, focus the image with Tab, move with the arrow keys (hold Shift to move 10 pixels at a time) and press Enter to pick.

The image never leaves your device: it is decoded and read by your browser only.

Single pixel or average?

The Sample size menu controls how many pixels are read for each pick:

• 1 pixel returns the exact color of the pixel under the cursor. Use it for flat graphics, logos, screenshots and icons.
• 3 × 3 average and 5 × 5 average return the mean color of the 9 or 25 surrounding pixels. Use them for photos: JPEG compression and camera noise make neighbouring pixels differ slightly, and an average gives a color that better represents what you see.

The square outlined in the loupe shows exactly which pixels are included. Near the edges of the image, only pixels that exist are counted.

Transparent pixels in PNG or WebP files are handled too: the color is weighted by opacity, so fully transparent areas do not drag the result towards black, and a partly transparent result gets an eight-digit HEX code with alpha, such as #FF000080.

Accuracy and limits

• Colors are read in the sRGB space of your browser’s canvas. Images saved with another color profile (Adobe RGB, Display P3) are converted by the browser first, so the codes match what you see on screen but may differ slightly from the raw file values shown by a photo editor.
• Very large images are scaled down to 4,096 pixels on their longest side to keep memory use reasonable. The tool tells you when this happens; on such images, each picked pixel is already a small average of the original.
• CMYK values are a naive conversion without an ICC profile, useful as a rough guide only.