Quick converter
Type into any field — every unit in this category updates instantly.
Root font-size 16px
Common px → % values
Click any row to open its dedicated page.
| px | % |
|---|---|
| 4px | 25% |
| 6px | 37.5% |
| 8px | 50% |
| 10px | 62.5% |
| 12px | 75% |
| 14px | 87.5% |
| 16px | 100% |
| 18px | 112.5% |
| 20px | 125% |
| 24px | 150% |
| 28px | 175% |
| 32px | 200% |
| 36px | 225% |
| 40px | 250% |
| 44px | 275% |
| 48px | 300% |
| 56px | 350% |
| 64px | 400% |
| 72px | 450% |
| 80px | 500% |
| 96px | 600% |
| 112px | 700% |
| 128px | 800% |
| 144px | 900% |
| 160px | 1000% |
| 192px | 1200% |
| 224px | 1400% |
| 256px | 1600% |
Convert 20px to other units
Formula
rem = px ÷ root-font-size and px = rem × root-font-size. Browsers default the root font-size to 16px, so 1rem normally equals 16px unless the page (or the user's browser settings) changes it.
em works the same way, but relative to the parent element's font-size rather than the root — the numbers only match rem when nothing in the ancestor chain has resized the font.
pt is a print unit: 1pt = 1.333px, based on the fixed 96px-per-inch / 72pt-per-inch relationship browsers use.
Use it in code
Click to copy.