Image Color Picker
Click anywhere on an image to get its exact color, and see the image's dominant colors as a palette. Runs entirely in your browser.
Click to upload or drag and drop
Select an image file
How picking works
The image is drawn onto a canvas, scaled down to at most 600 pixels wide if it is larger, and clicking reads the single pixel under your pointer. You get its hex code (for example #1E90FF) and the matching rgb() value. Because large images are scaled down first, the color comes from the resized copy, so it can differ slightly from the same spot in the original file.
Limits
There is no magnifier or averaging: photos with noise or JPEG artifacts can give slightly different values for neighboring pixels, so click a few points in a flat area. Files over 50 MB are rejected. To turn a picked code into other formats such as HSL, paste it into the Color Picker & Converter.
How the palette rounding works
Each channel is rounded to the nearest multiple of 32, capped at 255. A pixel of #1E90FF (30, 144, 255) is counted in the #20A0FF bucket, #FA0A0A falls in #FF0000, #C8C8C8 in #C0C0C0, and a light gray like #F0F0F0 in #FFFFFF. A swatch such as #20A0FF therefore means the image holds many pixels near that blue, not that this exact value exists in the file.
What clicking returns
A click reads one pixel from the on-screen canvas and shows a swatch, an uppercase hex code and an rgb() line. Transparency is not reported, and fully transparent areas of a PNG usually read as #000000. A 3000 × 2000 photo is examined at 600 × 400, so each pixel you click stands for a 5 × 5 patch of the original.
Palette limits
The palette shows the six most common buckets, most frequent first. There is no clustering, so two close shades of one color can appear as separate swatches, and a mostly white image may show several near-white ones. The number of swatches cannot be changed.
Frequently asked questions
How is the dominant color palette calculated?
Every pixel is grouped into a bucket by rounding its red, green and blue values to steps of 32, and the six most common buckets are shown. The swatches are therefore rounded approximations of the image's main colors, not exact colors found in the file.
Why is #F0F0F0 in my image shown as #FFFFFF in the palette?
Channel values from 240 to 255 round up to 255, so very light grays are grouped into pure white. Click the pixel itself to see its exact value.
Why do I get #000000 when I click a transparent area?
Transparency is not read, and fully transparent pixels typically come back as black. Only opaque areas give a meaningful color.
Can I show more than six palette colors?
No. The tool always lists the six most frequent buckets.