1rem in px · 16px root
16 px
px = rem × root font size — shown here at the browser default root font size of 16px.
1rem at every root font size
| Root font size | 1rem equals | CSS |
|---|---|---|
| 10px | 10px | font-size: 10px; |
| 12px | 12px | font-size: 12px; |
| 14px | 14px | font-size: 14px; |
| 16px default | 16px | font-size: 16px; |
| 18px | 18px | font-size: 18px; |
| 20px | 20px | font-size: 20px; |
Converter
—
Nearby values
| rem | px | |
|---|---|---|
| 0.5rem | 8px | |
| 0.625rem | 10px | |
| 0.75rem | 12px | |
| 0.875rem | 14px | |
| 1rem | 16px | this page |
| 1.125rem | 18px | |
| 1.25rem | 20px | |
| 1.375rem | 22px | |
| 1.5rem | 24px |
Questions
What is 1rem in px?
1rem = 16px at the browser default root font size of 16px. px = rem × root font size.
What is 1rem in px at a different root size?
At 10px root: 10px. At 12px root: 12px. At 14px root: 14px. At 16px root: 16px. At 18px root: 18px. At 20px root: 20px.
How is 1rem calculated?
px = rem × root font size. Here: 1 × 16 = 16.
All rem values
0.125rem0.25rem0.375rem0.5rem0.625rem0.75rem0.875rem1.125rem1.25rem1.375rem1.5rem1.75rem2rem2.25rem2.5rem2.75rem3rem3.5rem4rem4.5rem5rem6rem7rem8rem9rem10rem12rem16rem20rem24rem
Computed from the CSS Values and Units specification. See the full rem to px table.