Convert
px
rem
Quick Convert
Reference Table
| Pixels | REM | EM | Points |
|---|---|---|---|
| 8px | 0.5rem | 0.5em | 6pt |
| 10px | 0.625rem | 0.625em | 7.5pt |
| 12px | 0.75rem | 0.75em | 9pt |
| 14px | 0.875rem | 0.875em | 10.5pt |
| 16px | 1rem | 1em | 12pt |
| 18px | 1.125rem | 1.125em | 13.5pt |
| 20px | 1.25rem | 1.25em | 15pt |
| 24px | 1.5rem | 1.5em | 18pt |
| 28px | 1.75rem | 1.75em | 21pt |
| 32px | 2rem | 2em | 24pt |
| 36px | 2.25rem | 2.25em | 27pt |
| 40px | 2.5rem | 2.5em | 30pt |
| 48px | 3rem | 3em | 36pt |
| 56px | 3.5rem | 3.5em | 42pt |
| 64px | 4rem | 4em | 48pt |
| 72px | 4.5rem | 4.5em | 54pt |
| 80px | 5rem | 5em | 60pt |
| 96px | 6rem | 6em | 72pt |
About PX and REM
What is PX?
Pixels (px) are absolute units that represent a fixed size on screen. They don't scale with user preferences, making them less accessible but more predictable for fixed layouts.
What is REM?
REM (root em) units are relative to the root element's font size (typically 16px by default). They scale with user preferences, making your design more accessible and responsive.
Formula
rem = px / base-font-sizepx = rem × base-font-size
When to Use
Use REM for font sizes, spacing, and most layout properties. Use PX for borders, shadows, and elements that shouldn't scale with user font preferences.