REM to PX Converter
What is REM?
REM (Root EM) is a CSS unit relative to the root element's font size. While REM is ideal for responsive design, you sometimes need the exact pixel value — for JavaScript calculations, design handoffs, or debugging. This converter instantly maps any REM value to its pixel equivalent.
Formula
PX = REM × root font sizeWith the default 16px root font size: 2rem × 16 = 32px. Adjust the root font size below to match your project.
Calculator
1rem = 16px at root font size 16
Common Conversions (base 16px)
| REM | PX |
|---|---|
| 0.5rem | 8px |
| 0.75rem | 12px |
| 0.875rem | 14px |
| 1rem | 16px |
| 1.5rem | 24px |
| 2rem | 32px |
Frequently Asked Questions
How do I convert rem to px?
Multiply the REM value by the root font size. With the default 16px root: 2rem × 16 = 32px.
What does 1rem equal in pixels?
1rem equals the root font size in pixels. By default in most browsers, 1rem = 16px.
When should I convert rem back to px?
You may need to convert rem to px when working with JavaScript APIs that require pixel values (like getBoundingClientRect), or when debugging CSS layout issues.