Image Color Picker

The Image Color Picker turns any uploaded photo or graphic into a color source: click anywhere on the image and get that exact pixel's color as HEX and RGB, ready to copy into CSS, a design tool or a paint program's custom color field. It also automatically extracts a dominant color palette from the whole image, so you can pull a coordinated set of swatches without clicking around pixel by pixel.

This kind of eyedropper tool comes up constantly in design and development work: matching a brand color from a logo file, pulling the exact background color out of a screenshot to replicate it in CSS, building a website palette that echoes a hero photo, or checking what color a client actually used in a mockup rather than guessing from how it looks on screen. Because it reads the real decoded pixel data rather than an approximation, the value returned is exact — not an eyeballed guess.

The dominant-palette extraction works by quantizing every sampled pixel into coarse color buckets and ranking those buckets by how often they occur, then averaging each bucket back into a representative swatch. On large photos, sampling is done on a grid rather than every single pixel so the palette still appears almost instantly, without the browser tab hanging on a multi-megapixel image.

Both features run entirely client-side: the click-to-pick reads pixel data straight from a canvas the image is drawn to, and the palette extraction never leaves that same canvas either — your image is never uploaded anywhere. One nuance worth knowing: colors are read after the image has been decoded by the browser, so a heavily compressed JPEG can show slightly different values at a given pixel than the original source file due to compression artifacts around sharp edges.