REM to PX Converter
Convert REM units to pixels based on base font size. The rem unit is relative to the root element font size, which defaults to 16px in most browsers. Use this tool to quickly find the pixel equivalent of any rem value for your web designs.
How to Convert REM to Pixels
- Determine the base font size of the root element (default is 16px).
- Multiply the rem value by the base font size.
- The result is the pixel equivalent.
Formula
Pixels = REM × Base Font Size
Default base font size = 16px
Example Calculation
Convert 1.5 rem to pixels (base 16px):
Pixels = 1.5 rem × 16px = 24px
REM to Pixels Reference Table
| REM | Base 14px | Base 16px | Base 18px |
|---|---|---|---|
| 0.25rem | 3.5px | 4.0px | 4.5px |
| 0.5rem | 7.0px | 8.0px | 9.0px |
| 0.75rem | 10.5px | 12.0px | 13.5px |
| 1rem | 14.0px | 16.0px | 18.0px |
| 1.25rem | 17.5px | 20.0px | 22.5px |
| 1.5rem | 21.0px | 24.0px | 27.0px |
| 2rem | 28.0px | 32.0px | 36.0px |
| 3rem | 42.0px | 48.0px | 54.0px |
| 4rem | 56.0px | 64.0px | 72.0px |
| 5rem | 70.0px | 80.0px | 90.0px |
Frequently Asked Questions
What is a rem unit?
REM stands for "root em." It is a CSS unit relative to the font size of the root (html) element. If the root font size is 16px, then 1rem equals 16px.
What is the default base font size?
All major browsers set the default root font size to 16px. This means 1rem = 16px unless you override it in your CSS.
What is the difference between rem and em?
rem is always relative to the root element font size, making it predictable. em is relative to the parent element font size, which can compound when elements are nested.
Why should I use rem units?
rem units respect user font size preferences set in browser settings. This improves accessibility because layouts scale proportionally when users increase their default font size.
How do I change the base font size?
Set the font-size on the html element in CSS. For example, html { font-size: 62.5%; } sets the base to 10px (16 × 0.625), making 1rem = 10px for easier calculations.