About the Percent to PX Converter
A percentage in a font-size rule is a share of the parent element text size, so reading one as an actual measurement means multiplying it out. This tool handles that step: give it the percentages and the parent size, and it reports the pixel result for every line.
Against the default 16px parent, 62.5% is 10px, 112.5% is 18px and 200% is 32px. Older stylesheets lean on percentages heavily because they were once the safest way to size text in browsers that handled pixel zoom badly, so this conversion comes up constantly while modernising legacy CSS into rem.
Because percentages chain in the same way em does, a rule of 90% nested inside another 90% renders at 81 percent of the original, and the drift keeps growing with depth. Convert one level at a time to trace where it started. If you are producing percentages rather than reading them, the PX to Percent tool runs the same arithmetic in reverse.
How to use
- Paste the percentage values, one per line.
- Enter the parent font size in pixels.
- Read the resulting size in pixels.
- Copy the results or the table.
Common questions
- How many pixels is 120%?
- 19.2 pixels against a 16px parent.
- Why do percentages compound?
- Each one is measured against its own parent, so nested rules multiply together.
- Should I replace percentages with rem?
- Usually yes for new work, because rem does not compound and is easier to reason about.
- What parent size should I enter?
- The computed font size of the parent element, which developer tools will show you.