Find the single most dominant color in an image with percentage breakdown.
Upload an image and the tool returns the single color that covers the most of it, together with a percentage breakdown of the colors it found. It works by collapsing the millions of distinct pixel values in the image down to a small set of representative colors, counting how many pixels fall into each group, and ranking the groups by size. The thing most users get wrong is expecting the 'interesting' color: dominance is a pixel-share contest, so a small vivid subject almost always loses to the background it sits on, and neutrals win more often than any hue.
A concrete input and expected output from the current implementation.
Input
A 400x300 PNG filled edge to edge with solid red (#FF0000).
Expected output
Dominant color: #FF0000 at 100%. The breakdown lists this single color and nothing else.
All 120,000 pixels (400 by 300) are the same RGB value, so the whole image falls into one color bucket and 100% is the only possible share.
The tool shrinks the image's full range of colors to a limited palette of representative colors, then assigns every pixel to its nearest representative. The winning color is the one whose bucket collects the most pixels; its percentage is that bucket's share of the total. Similar pixels land in the same bucket, so the reported color stands for a small range of shades, not one exact value.
The percentage is a pixel share: the fraction of the image's pixels that fell into the winning bucket. It is not a measure of visual importance, so a color that feels dominant to the eye can rank far lower than a large flat background. JPEG compression and anti-aliased edges also generate thousands of in-between shades that split into their own small buckets, shaving a few points off the reported share.
No. Dominance is counted by pixels, not by visual interest. If the logo occupies a few percent of the frame, it can rank far down the list while a plain background takes first place. Crop the image to the logo and run it again; the same analysis will then report red as dominant.
Because the tool groups similar colors together and reports one representative for each group. Any color in a group is reported as the same value, and the group boundaries are the tool's choice, not a property of the image. For precise values, sample with an eyedropper; use this tool for the big-picture question of what dominates.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.