Image Dominant Color

Each pixel is placed in one of 4096 buckets, 16 levels for each of red, green and blue. The bucket with the most pixels wins, and its color is the average of the pixels inside it, so a white background reports pure white rather than a rounded value.

The palette lists the most common buckets after the dominant one, up to the number of colors you choose from 1 to 12, with 5 as the default. Each entry shows its hex, RGB and HSL values and the share of visible pixels it covers.

The average color is the mean of all visible pixels. A photo of a blue sky over a red field has a dominant blue or red, but its average is a muddy mix of both. The average works well for blurred placeholders, while the dominant color suits accents.

Pixels that are more than half transparent are ignored, so a logo on a transparent background reports the logo colors instead of black. The result tells you which share of the image was transparent. An image with no visible pixels returns a message instead of a color.

JPEG, PNG, GIF, WebP, TIFF and AVIF images up to 5 MB are supported. Animated GIF and WebP files are measured on their first frame, and CMYK images are converted to sRGB before counting.

Images larger than 4000 pixels on a side are scaled down to fit 4000 pixels before counting, which changes the shares by tiny amounts at most. Smaller images are counted pixel by pixel.

The buckets are 16 levels wide, so two shades on either side of a bucket edge are counted separately. Gradients and photos therefore often show neighboring shades in the palette. Raise the palette size to see more of them.

Yes. Every color comes as a hex code such as #3366cc, as rgb() values and as hsl() values with the hue in degrees and saturation and lightness in percent, ready to paste into CSS, design tools or theme settings.

Common uses are background placeholders while images load, accent colors for cards and headers that match a cover image, color-based sorting of product photos and checking that brand images stay on palette. The structured result also makes the values easy to reuse in scripts and themes.

Yes. The counting is deterministic, so the same file always gives the same dominant color, palette and shares. When two buckets have exactly the same count, the order between them follows the order in which their colors first appear.