Brand palette usage ratio checker

This checker converts measured pixel-area coverage into percentages, then compares every color with the share assigned by your guideline. Enter coverage in pixels or any other consistent area unit, add target percentages such as 60, 30, and 10, and choose an acceptable tolerance. The result shows which colors comply, exactly how far each one differs, and whether the design matches the guideline as a whole.

Turn pixel coverage into a meaningful palette audit

A visual may use every approved swatch and still feel unlike the brand because the proportions are wrong. A large accent field can overpower the primary color, while an oversized neutral area can make a campaign look muted. Start with pixel-area measurements from the complete design or from a clearly defined region. Add one row for each brand color and keep the coverage unit consistent across all rows. Raw pixel counts work well, but square points, sampled cells, or another shared area unit produce the same percentages. The checker adds those values and divides each color by the positive total, so image dimensions and measurement scale do not affect the ratio. Name colors by role or code in a way reviewers recognize, such as Primary Blue, Background Cream, or #F05A28. Include every area that belongs in the palette decision; omitting a large background or combining unrelated colors can make a mathematically correct result describe the wrong design. Transparent regions and photographs should be excluded unless your brand guideline explicitly treats them as palette coverage.

Set targets and interpret percentage-point deviations

Enter a target percentage for every listed color. The targets must total 100 because they describe the whole measured brand-color area. A classic hierarchy is 60 percent dominant, 30 percent secondary, and 10 percent accent, but the calculator does not assume that rule; it supports any complete allocation across two to twenty colors. The reported deviation is measured in percentage points, not as a relative percent change. If a color occupies 14 percent against a 10 percent target, its deviation is positive 4 percentage points. If it occupies 27.5 percent against a 30 percent target, the deviation is negative 2.5 points. Positive means overused and negative means underused. The tolerance controls when those differences are considered acceptable. With a tolerance of 2, deviations from negative 2 through positive 2 pass. Each row receives its own pass result, and the overall guideline matches only when every row passes. This makes the final decision transparent instead of hiding several color differences inside one average score.

Use the result in design review and quality control

Treat the numbers as evidence for a visual review, not as a replacement for one. Begin with the overall match, then inspect the individual deviations to decide where an adjustment will have the greatest effect. When an accent is over target, reducing that color or increasing other included areas can restore balance; percentages are linked because they share one total. Preserve the coverage data, target allocation, tolerance, and result beside the design version so another reviewer can reproduce the decision. For automated quality control, use the API response to flag assets that fail and route them to a designer rather than rejecting them silently. Apply the same measurement method to every asset in a campaign, since anti-aliasing, color similarity thresholds, gradients, and image cropping can change pixel counts before this checker receives them. The calculation itself is deterministic and performs no image analysis: it evaluates the coverage values you provide. That separation is useful because teams can choose their own extraction method while keeping the ratio decision consistent, auditable, and easy to repeat across web pages, advertisements, presentations, and templates.