Average & Dominant Color Extractor
Average blends every pixel into one value. Dominant finds the most common color clusters — the more contrast in the image, the more these two can differ.
Average color
Dominant palette
Upload an image and get both its average color (all pixels blended together) and its dominant color palette (the most common color clusters) side by side — with HEX, RGB, and HSL for each, one click to copy.
How it works
- Upload an image
- See the average color (a single blended value) and a 5-color dominant palette side by side
- Click any swatch to copy its HEX, RGB, or HSL value
Frequently asked questions
What's the difference between average and dominant color?
Average color blends every pixel in the image into one value — high-contrast images often average out to a muddy gray. Dominant color instead finds the most common color clusters, which usually matches what you'd point to and call "the color of this image".
Why do average and dominant look so different for some images?
The more contrast an image has (e.g. a bright red logo on a white background), the more the average and dominant values diverge — averaging mixes them into gray while dominant analysis keeps the strongest cluster intact.
Does my image get uploaded anywhere?
No — colors are extracted entirely in your browser using the Canvas API. The file never leaves your device.
Related tools
From the blog
Update history
- 2026-09-09 Launched: average color + 5-color dominant palette extractor, with HEX/RGB/HSL shown for every swatch and a plain-language explanation of why the two values can differ.