Image color picker
Click anywhere on an image to read the exact colour of that pixel, or take the palette of its main colours.
Your files never leave your device
Drop an image here
PNG, JPEG, WebP, GIF, BMP or AVIF. Or drag or paste it here.
Opened on this device. Nothing is uploaded.
Click or tap to pick. Keyboard: arrow keys move the crosshair, Shift moves faster, Enter picks.
Under the crosshair
-
Picked colour
- HEX
- RGB
- HSL
Picked so far
Main colours
Select a swatch to copy its HEX code.
One image at a time, 50 MB and about 100 megapixels. PNG, JPEG, WebP, GIF (first frame), BMP or AVIF.
How to pick a colour from an image
- Choose an image, or drag or paste it onto the page.
- Move over the image to aim with the magnifier, then click or tap to pick. With the keyboard, focus the image, move with the arrow keys (Shift for bigger steps) and press Enter.
- Copy the HEX, RGB or HSL code, or copy a colour from the palette of main colours.
Reading colours straight from the pixels
Matching a brand colour from a logo, finding the exact blue in a screenshot, or building a palette from a photo all come down to the same thing: reading the red, green and blue values stored for a pixel. This tool decodes the image in your browser and reads those values from the full-resolution picture, so the code you copy is the colour that is actually in the file.
Single pixels can mislead in photos, where noise and compression make neighbours vary. Use the magnifier to aim at the middle of a flat area, or take the palette, which averages whole groups of similar pixels into a handful of representative colours.
Tips
- Convert a picked colour to CMYK or check its contrast against text with the Color converter.
- Picking from a small part of a big image? Crop it first so the area fills the screen.
Questions
How exact is the colour?
It is the stored value of the single pixel under the crosshair, read from the full-size image, not from the scaled-down preview. The magnifier shows the pixels around it so you can aim at one pixel on a busy edge.
Why does the colour differ from what another app shows?
JPEG compression shifts colours slightly, especially near edges and in flat areas, so neighbouring pixels can differ by a few values. Images with a colour profile are converted to standard sRGB by your browser before reading, which is what web pages use; a photo editor working in another colour space may show different numbers.
How is the palette worked out?
The image is sampled at up to 160 by 160 points and grouped into eight colour clusters by repeatedly splitting the colour range where it is widest (the median cut method). Each swatch is the average colour of its cluster, with its share of the image. Fully or mostly transparent pixels are skipped.
What do HEX, RGB and HSL mean?
They are three ways to write the same colour. HEX is the red, green and blue values (0 to 255) written in base 16, as used in CSS and design tools. RGB lists them as plain numbers. HSL gives hue (0 to 360 degrees), saturation and lightness, which is easier to adjust by hand.
Is my image uploaded?
No. The image is decoded and read in your browser, on your device.