Technology
PX to REM Converter
Convert pixels to rem and back, and to points, for web design and CSS, with any root font size.
px
Browsers default to 16 px.
rem
1.5 rem
- Points
- 18 pt
- Percent of the root size
- 150%
24 px is 24 px or 1.5 rem with a 16 px root font size.
How it's worked out
- rem = px ÷ root size
24 ÷ 161.5 rem
Common sizes
| px | rem | pt |
|---|---|---|
| 10 | 0.625 | 7.5 |
| 12 | 0.75 | 9 |
| 14 | 0.875 | 10.5 |
| 16 | 1 | 12 |
| 18 | 1.125 | 13.5 |
| 20 | 1.25 | 15 |
| 24 | 1.5 | 18 |
| 32 | 2 | 24 |
| 48 | 3 | 36 |
The formulas
rem = px ÷ root font size · pt = px × 72 ÷ 96
Worked example
With the default 16 px root size, 24 px is 1.5 rem and 18 pt.
Questions people ask
How do I convert px to rem?
Divide by the root font size, usually 16 px. 24 px is 1.5 rem.
What is the difference between rem and em?
rem is relative to the root (html) font size; em is relative to the parent element's font size.
How many pixels is 12 pt?
16 px on screen, since 1 pt is 1/72 inch and CSS uses 96 px per inch.
About this calculator
Formula and rules last checked 25 October 2026Written and tested by the CalculatorDex teamReport a problem