Convert between points, pixels, ems, and rems.
Free to use, no sign-up required. Typography Converter is one of 198 tools built into Xenition, alongside a chat that can use them for you.
Converts type and layout sizes between CSS pixels, points, picas, rem, em, inches and centimetres. Designers use it to move sizes between print specs, design tools and CSS.
Everything is stored in CSS pixels at the CSS standard of 96 px per inch. A point is 1/72 in, so 1 pt = 96/72 = 1.333 px; a pica is 12 pt = 16 px; 1 cm = 96/2.54 px. rem and em are both fixed at 16 px, the default browser font size.
12 pt body text is 16 px. A 24 px heading is 1.5 rem. An A4 page width of 21 cm is 793.700787 px.
rem is relative to the root (html) font size; em is relative to the font size of the element’s parent, so em values compound when nested. The tool assumes 16 px for both, which is only right if nobody has changed those font sizes.
Not on high-density screens. A CSS pixel is a reference unit of 1/96 inch; a phone with a device pixel ratio of 3 draws each CSS pixel with 3 × 3 physical pixels.
Typography Converter converts between 7 units: px, pt, em, pc, rem, cm and in. Factors are given against px.
| Unit | In px | 1 px equals |
|---|---|---|
| 1 pt | 1.3333333333 px | 0.75 pt |
| 1 em | 16 px | 0.0625 em |
| 1 pc | 16 px | 0.0625 pc |
| 1 rem | 16 px | 0.0625 rem |
| 1 cm | 37.7952755906 px | 0.0264583333 cm |
| 1 in | 96 px | 0.0104166667 in |
Common quantities in px, converted. Every value is computed from the factors above, so the chart and the converter cannot disagree.
| px | pt | em | pc | rem |
|---|---|---|---|---|
| 1 px | 0.75 | 0.0625 | 0.0625 | 0.0625 |
| 2 px | 1.5 | 0.125 | 0.125 | 0.125 |
| 5 px | 3.75 | 0.3125 | 0.3125 | 0.3125 |
| 10 px | 7.5 | 0.625 | 0.625 | 0.625 |
| 25 px | 18.75 | 1.5625 | 1.5625 | 1.5625 |
| 100 px | 75 | 6.25 | 6.25 | 6.25 |
1 px is 0.75 pt. To convert px to pt, divide by 1.3333333333 — so 10 px is 7.5 pt.
1 pt is 1.3333333333 px. To convert pt to px, multiply by 1.3333333333 — so 10 pt is 13.3333333333 px.
1 px is 0.0625 em. To convert px to em, divide by 16 — so 10 px is 0.625 em.
1 em is 16 px. To convert em to px, multiply by 16 — so 10 em is 160 px.
1 px is 0.0625 pc. To convert px to pc, divide by 16 — so 10 px is 0.625 pc.
1 pc is 16 px. To convert pc to px, multiply by 16 — so 10 pc is 160 px.
1 px is 0.0625 rem. To convert px to rem, divide by 16 — so 10 px is 0.625 rem.
1 rem is 16 px. To convert rem to px, multiply by 16 — so 10 rem is 160 px.
You do not have to open Typography Converter to use it. Ask Xenition in plain language and it runs the right tool, then carries the answer into whatever you are working on — a document, a spreadsheet, a deck.