Percentage Calculator Explained

If you are trying to answer, “Which percentage formula am I supposed to use here?” this calculator is built for that job. It takes seven different percentage questions and turns them into one sentence-builder interface so the mode choice becomes clearer before the math even starts.

TL;DR

The Percentage Calculator is a multi-mode math tool, not a single-purpose percent widget. It changes the meaning of the two inputs, the connector text, the suffixes, and even the result layout based on the question type.

Use it when you want to stop forcing every percentage problem through the wrong formula. The most important step is choosing the right mode before you do any arithmetic.

What This Calculator Measures

This calculator measures several different kinds of percentage relationships.

In practical terms, it answers:

• what a percentage of a number is
• what percent one value is of another
• how much a value changed in percentage terms
• what happens if a value goes up or down by a given percent
• what original number produced a final value that already includes a percent
• what whole value corresponds to a known part and percentage
• how two values simplify as a ratio and split as shares of a whole

That is why the sentence-builder design matters. The same two input boxes are reused, but their meaning changes with the mode so the question reads naturally.

Inputs Explained and Common Mistakes

The calculator uses the same compact two-step shell as the other deep dives. Step 1 is the inputs panel. Step 2 is the blackboard-style result, which can be reopened with the Edit inputs handle.

Mode selector

The first section chooses the calculation type. In some installs, the site admin can restrict which modes are available. If only one mode is enabled, the dropdown becomes a static label instead of a selectable control.

This is important because the whole calculator depends on the chosen question type. A percent-of problem and a reverse-percent problem may use two numbers, but they are not the same calculation.

Sentence-builder inputs

The second section contains two inputs with a connector between them. As the mode changes, all of these can change:

• labels
• suffixes
• placeholders
• connector text

That is what makes the calculator feel different from a generic “Value 1 / Value 2” setup. It turns the inputs into a readable question.

The seven modes are:

• percent-of
• is-what-percent
• percent-change
• percent-increase
• reverse-percent
• find-whole
• ratio

The most common mistake is choosing a mode because the numbers look familiar rather than because the question type matches.

Simple Formula Logic

All formulas are inline inside the calculator logic, and each mode has its own path. Ratio mode is also a special rendering path because its output is structurally different from the others.

Direct percent questions

These are the most straightforward modes:

percent-of = (value1 / 100) * value2
is-what-percent = (value1 / value2) * 100
find-whole = value1 / (value2 / 100)

From the brief’s examples:

• 15% of 100 = 15.00
• 25 is what % of 200 = 12.50%
• 50 is 20% of what = 250.00

Change questions

Percent change uses:

result = ((value2 - value1) / abs(value1)) * 100

That is why 100 -> 120 becomes +20.00%.

It also has explicit edge handling:

• both values 0 -> 0%
• original value 0, new value not 0 -> infinite increase or decrease

Percent-increase mode is different:

changeAmount = value1 * (abs(value2) / 100)
increased = value1 + changeAmount
decreased = value1 - changeAmount

That mode always shows both directions, no matter what sign the user types for the percent.

Reverse and ratio questions

Reverse percent uses:

divisor = 1 + (value2 / 100)
originalValue = value1 / divisor
includedAmount = value1 - originalValue

That is why 120 includes 20% correctly recovers 100.00.

Ratio mode then takes a separate path:

gcd = greatestCommonDivisor(round(A), round(B))
simplifiedA = round(A) / gcd
simplifiedB = round(B) / gcd
percentA = (A / (A + B)) * 100
percentB = (B / (A + B)) * 100
decimalRatio = A / B

That is why 15:25 becomes:

• simplified ratio 3:5
• decimal 0.6000
• shares 37.5% and 62.5%

Worked Example with the Default Scenario

How to Read the Blackboard

The standard modes use the same result order:

• Headline answer: the main result
• Context label: what that result means in sentence form
• Breakdown table: shown when intermediary values help explain the answer
• Formula card: the math in monospace plus a plain-language explanation

Ratio mode is the exception. It uses a special renderer with:

• a monospace simplified ratio headline
• original ratio and decimal values
• percentage bars for A and B
• a natural-language tip box

The seven modes become easier to manage if you group them by task instead of by internal name:

The key explicit examples from the brief show why that grouping works:

• 15% of 100 = 15.00
• 25 is what % of 200 = 12.50%
• 100 -> 120 = +20.00%
• 120 includes 20% = 100.00
• 15:25 = 3:5, 0.6000, 37.5% / 62.5%

That is the real mental model for the tool: not “one percent calculator,” but a family of related percentage questions with a shared UI.

Use This Result to Decide Your Next Move

Try the calculator with your own numbers. A good sequence is to enter the same numbers in two different modes and watch how the sentence, formula, and breakdown change, because that is often the fastest way to spot which question you were really asking.

Honest Limits You Should Keep In Mind

FAQ