Loading...
1rem converts to 16 pixels when the root font-size is 16px. Multiply the rem value by 16 to get pixels: 1 × 16 = 16.
Formula
1rem × 16 = 16px
/* 1rem = 16px */
.element {
font-size: 1rem; /* 16px at 16px base */
}A value of 1rem (16px) is commonly used for body text and standard UI elements. Converting rem to px helps when you need exact pixel values for design specs, Figma mockups, or debugging layout issues.
REM (root em) units provide scalable, accessible sizing in CSS. Knowing that 1rem = 16px helps you verify your designs match mockups while keeping your code responsive.
| rem | px |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1.25 | 20 |
| 1.5 | 24 |
| 2 | 32 |
| 2.5 | 40 |
| 3 | 48 |
| 4 | 64 |
| 5 | 80 |
Convert any value instantly with our free REM to PX Converter.
Open REM to PX Converter →