Rem to PX Converter
Convert rem units to pixel values, live as you type, based on the standard 16px root font size.
Assumes the default 16px root font size. Type in either field — the other updates live.
Need the opposite? PX to Rem Converter
What is Rem to PX Converter?
Convert a rem value back to pixels, assuming the standard 16px browser default root font size. Useful when translating a CSS design spec written in rem into exact pixel measurements for design tools or documentation.
Rem to PX Converter Table
| Rem | Pixels (px) |
|---|---|
| 0.5 | 8px |
| 0.75 | 12px |
| 1 | 16px |
| 1.25 | 20px |
| 1.5 | 24px |
| 2 | 32px |
| 2.5 | 40px |
| 3 | 48px |
| 4 | 64px |
How to Use the Rem to PX Converter
- 1
Type a Rem Value: Enter the rem value from a CSS design spec.
- 2
Read the Pixel Result Instantly: The px equivalent appears automatically, based on a 16px root.
Rem to PX Formula
pixels = rem × 16 (assuming the default 16px root font size; multiply by your project's actual root size instead if it overrides the default)
Common Rem to PX Conversions
0.5rem = 8px 0.75rem = 12px 1rem = 16px (the base size) 1.25rem = 20px 1.5rem = 24px 2rem = 32px 3rem = 48px
How to Convert Rem to PX
Multiply the rem value by 16 (or by your project's actual root font-size in pixels, if it's not the 16px default). For example, 1.5rem × 16 = 24px.
Rem to PX Examples
A design system spacing token of 2.5rem becomes 2.5 × 16 = 40px when specced in pixels. A 0.875rem font size becomes 0.875 × 16 = 14px. If a project sets html { font-size: 62.5%; }, the root is 10px, not 16px, so multiply by 10 instead.
Frequently Asked Questions
Common questions about Rem to PX Converter.