b2KIT

pH Calculator & Visualizer

Calculate pH, pOH, and hydrogen ion concentration. Visualize the pH scale with color indicators and buffer capacity curves.

Tested tool guide Tested browser tools Checked August 16, 2026

What pH Calculator & Visualizer does, with a checked example

Enter any one of pH, pOH, or hydrogen ion concentration and the tool derives the other two, then places the result on a 0-14 scale banded in indicator colors, with a buffer capacity curve for buffered solutions. The arithmetic rests on two defining relations, pH = -log10[H+] and pH + pOH = 14, the second a consequence of water's ion product at 25 degrees C. The step most people trip on: the whole scale assumes 25 degrees C and dilute solutions, so a 10^-8 M HCl solution is not pH 8 - water's own hydrogen ions make the real answer about 6.98, still acidic.

Worked example

A concrete input and expected output from the current implementation.

Input

Hydrogen ion concentration [H+] = 2.5 x 10^-4 mol/L

Expected output

pH = 3.60, pOH = 10.40, [OH-] = 3.98 x 10^-11 mol/L. The marker is placed at 3.60 on the 0-14 scale, in the orange-red (acidic) band.

By definition pH = -log10(2.5 x 10^-4) = 3.60. At 25 degrees C, Kw = [H+][OH-] = 1.0 x 10^-14, so pOH = 14 - 3.60 = 10.40 and [OH-] = 10^-10.40 = 3.98 x 10^-11 mol/L; the two concentrations multiply back to about 1.0 x 10^-14, confirming consistency.

How the result is produced

1

The pH math

The three quantities come from two relations. pH = -log10[H+] by definition, inverted to [H+] = 10^-pH; and pH + pOH = 14, which follows from the water ion product Kw = [H+][OH-] = 1.0 x 10^-14 at 25 degrees C, inverted to [OH-] = 10^-pOH. Entering one value fixes the others, and moving 1.0 unit on the pH scale multiplies or divides the concentration by ten.

2

The scale and buffer view

The result is plotted on a 0-14 band colored like common indicator dyes: red-orange at the acidic end, green near 7, blue to violet at the basic end. The bands track real transition ranges, such as methyl orange (3.1-4.4), bromothymol blue (6.0-7.6), and phenolphthalein (8.2-10.0). For buffers, the capacity curve shows pH change per added acid or base; capacity peaks at pH = pKa, the Henderson-Hasselbalch midpoint.

Good uses

  • Choosing a titration indicator: determine the pH at the equivalence point and check that an indicator's transition range brackets it, so the color change lands at the steepest part of the curve.
  • Working backward from a target pH: a procedure calls for pH 8.0, so convert to [H+] = 1.0 x 10^-8 mol/L and then figure out how much acid or base the preparation needs.
  • Converting a lab reading for further calculation: a meter shows pH 4.35, and a kinetics or equilibrium problem needs the concentration form, [H+] = 4.5 x 10^-5 mol/L.

Limits and checks

  • Dilute solutions near neutral. Below about 10^-6 M, the acid no longer dominates the hydrogen ion count: water's autoionization alone contributes 10^-7 mol/L, so a 10^-8 M HCl solution is pH 6.98, not 8. A pure -log10 conversion misleads in this range, and dilution can never push an acid's pH above 7.
  • The 25 degree C assumption. Every output rests on Kw = 1.0 x 10^-14, which holds only at 25 degrees C, and the scale is anchored to that temperature. At 37 degrees C neutral is about pH 6.8 and at 0 degrees C about 7.5, so biological and refrigeration-temperature results differ from what the scale shows.
  • Dissociation model. Unless given a Ka or pKa, entering a molarity assumes complete dissociation - right for strong acids and bases, wrong for weak ones. Acetic acid at 0.1 M is pH about 2.9, not 1.0; buffer pH follows Henderson-Hasselbalch, and the answer is only as good as the equilibrium model behind it.

Common questions

Is pH 7 always neutral?

No - neutral means [H+] = [OH-], which lands at pH 7 only at 25 degrees C because Kw = 1.0 x 10^-14 there. As temperature changes, so does Kw: at 37 degrees C neutral is about 6.8, at 0 degrees C about 7.5. This tool computes 25 degree C values, which suits room-temperature lab work but not biological or industrial conditions.

How do I choose which indicator to use for a titration?

Match the indicator's transition range to the pH at the equivalence point, not the starting pH of the solution. A strong acid-strong base titration ends near pH 7, so bromothymol blue (6.0-7.6) fits; a weak acid titrated with strong base ends above 7, where phenolphthalein (8.2-10.0) is the usual pick. The scale's color bands show these ranges directly.

References and verification

The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.

Related Tools