Report Tool or Give Us Suggestions

Percent to PX Converter

Convert font-size or layout percentages to pixels using a configurable base size, with EM, REM, and PT equivalents.

L ading . . .

The Percent to PX Converter turns a percentage and a base font size in pixels into the equivalent pixel length, plus related CSS units (em, rem, and pt) for quick comparisons. It mirrors the way font-size: N% resolves against an element’s parent font size when that parent size matches the base you enter.

How the math works

Pixel length = (percent ÷ 100) × base px. The em column is the same ratio expressed as a decimal multiplier. REM divides the pixel result by a fixed 16 px root, which is the conventional default html font size in many stylesheets—so the REM column lines up with common reference tables. Points use the standard CSS mapping 1 px = 0.75 pt.

Layout percentages

Width and margin percentages resolve against containing block widths, not font size. This tool is aimed at typography-style percent-to-px conversions; for layout widths, use the appropriate percentage base for that property.

Frequently Asked Questions

Why is REM tied to 16 px when I changed the base field?

The base field models the parent font size driving the percent. REM always references the root element, which is often left at 16 px. If your root differs, interpret REM as informational or adjust your workflow to match your real root font size.

What does 100% with base 16 mean?

It resolves to 16 px, 1 em, 1 rem (given a 16 px root), and 12 pt—matching typical “body copy at default zoom” reference rows.

Can I use decimals for percent?

Yes. Any floating percent value is accepted as long as the numeric inputs parse correctly.

Is data uploaded?

No. Calculations run locally in your browser.

How is this different from converting EM or REM directly?

Starting from percent plus a base px is the same family of conversions; this page keeps both inputs visible so you can match specs written as percentages against pixel-based design grids.

Tags

percent to px css percent to pixels font size percent em rem from percent typography converter

Related Tools

Remove Empty Lines icon Remove Empty Lines Instagram Caption Generator icon Instagram Caption Generator LCM Calculator icon LCM Calculator Refine Image Edges icon Refine Image Edges YAML Editor icon YAML Editor Gif Viewer icon Gif Viewer Unspoof Unicode Text icon Unspoof Unicode Text Pantone To CMYK Converter icon Pantone To CMYK Converter Random Element Generator icon Random Element Generator Generate Abundant Numbers icon Generate Abundant Numbers XML to CSV Converter icon XML to CSV Converter Convert Unicode to UTF-32 icon Convert Unicode to UTF-32 RSS To JSON Converter icon RSS To JSON Converter Create Integer Array icon Create Integer Array HTML Decode String icon HTML Decode String Email Extractor icon Email Extractor Shift Binary Left icon Shift Binary Left Weighted Average Calculator icon Weighted Average Calculator CSS Box Resize Generator icon CSS Box Resize Generator Moore Curve Generator icon Moore Curve Generator

Recent Visits