The short answer
Why use Dominant Colors?
Tagging products by color or matching a frame to a print is guesswork by eye, because small bright areas grab attention. A count shows which color really covers the most area.
Every fourth pixel is sampled at full resolution. Each color is rounded to the nearest step of 32 per channel, giving codes such as #e0a040, and samples with the same code are added up. The status line lists the eight biggest groups in order, each with the percentage of sampled pixels it covers, so the first code is the dominant color.
On a product photo, a white or gray studio background often wins, and the item itself is second or third. Crop tight to the product with Crop Image before you count. Pixels more than half transparent are left out, so a cut-out PNG is judged on the product alone. Shadows on one colored object can split it into two codes.
Palette Extractor counts the same way but saves the colors as a labeled swatch PNG, the better pick when you are building a design palette. Histogram Viewer shows the spread of brightness in each channel rather than named colors. If you need to know how many pixels are not transparent, Pixel Counter reports that number for the same file.
Where Dominant Colors fits
Shop filters
Tag each product photo with its main color for a store filter.
Art cataloging
Record the leading color of each painting in a collection.
Outfit matching
Find the main color of a dress to choose matching shoes.
Start to finish
How to use Dominant Colors
- 01Tap Choose image and pick the photo, cropped tight to the item if you can.
- 02Tap Apply changes to count the colors.
- 03Read the list in the status line; the first hex code is the dominant color, followed by its percentage.
What to expect from Dominant Colors
| Check | What it means here |
|---|---|
| Supported input | JPEG, PNG, WebP, GIF, BMP, SVG and browser-supported AVIF images |
| Main controls | Choose a file; the results are read-only |
| Output | Dimensions, metadata, colors, or an extracted preview, depending on the tool |
| Working limit | 50 MB and 50 megapixels per image |
Dominant Colors tips
- Studio backgrounds often win, so crop to the product first.
- Compare percentages to see how far ahead the top color is.
- Shadows can split one colored object into two codes.
- Transparent areas of cut-out PNGs are left out of the count.
Dominant Colors FAQ
Something missing? Ask us.
How do I read the result?
Is this different from Palette Extractor?
Does Dominant Colors upload my file?
Is Dominant Colors free to use?
Why did Dominant Colors fail or look wrong?
Related tools
More in Color Tools.