Convert Rem to Pixels
Enter a rem value to convert it to pixels. The conversion multiplies your rem value by the root font size (default 16px). Use this when you need to understand the actual pixel output of relative CSS units.
Common Rem to Pixel Values
| Rem | Pixels (16px base) | Pixels (14px base) | Context |
|---|---|---|---|
| 0.5rem | 8px | 7px | Small spacing |
| 0.75rem | 12px | 10.5px | Small text |
| 0.875rem | 14px | 12.25px | Body text (some frameworks) |
| 1rem | 16px | 14px | Base font size |
| 1.25rem | 20px | 17.5px | Large body text |
| 1.5rem | 24px | 21px | H3 / section headings |
| 2rem | 32px | 28px | H2 headings |
| 3rem | 48px | 42px | H1 headings |
How to Use
- The tool opens with 1rem pre-filled, converting to 16px
- Type any rem value in the input field
- Adjust the base font size if your project uses something other than 16px
- Copy the pixel value from the results table
Real-World Example
You see font-size: 1.25rem in the computed styles and need to know the actual pixel size. With a 16px root font size, multiply 1.25 × 16 = 20px. If your framework uses 14px base, it would be 1.25 × 14 = 17.5px.
For more conversions, see the full CSS Units Converter or try Px to Rem.