REM to PX Converter
Free online REM to PX converter. Instantly convert REM units back to pixels with a customizable root font size. Enter a value in either field to convert both ways.
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.