REM to Pixels Converter (rem to px)
REM to Pixels Converter (rem to px)
Convert CSS REM units to pixels (px) quickly and accurately. Determine the exact pixel rendering of design system tokens, Tailwind spacing classes, and root-relative typography.
How to use this converter
- Enter the value in REM (rem) you want to convert.
- Ensure the “From” selector is set to REM (rem).
- Ensure the “To” selector is set to Pixels (px).
- The converted typographic value in Pixels (px) updates instantly in the result box.
REM to Pixels Formula
To convert from rem to pixels, use the standard typographic relationship:
Formula:
px = rem × 16
Calculation Examples
- Example 1: 12 rem = 192 px
- Example 2: 16 rem = 256 px
- Example 3: 24 rem = 384 px
- Example 4: 32 rem = 512 px
REM to Pixels Conversion Table
| REM (rem) | Pixels (px) |
|---|---|
| 8 rem | 128.00 px |
| 12 rem | 192.00 px |
| 14 rem | 224.00 px |
| 16 rem | 256.00 px |
| 20 rem | 320.00 px |
| 24 rem | 384.00 px |
| 32 rem | 512.00 px |
| 48 rem | 768.00 px |
Frequently Asked Questions
What base font size is used for this calculation?
This calculator uses the universal web browser default root font size of 16 pixels (1rem = 16px). In virtually all web browsers, unstyled body text defaults to 16px unless explicitly configured otherwise in user browser preferences.
What is the difference between REM and EM in CSS?
Both are relative units, but REM is relative to the root <html> element, whereas EM is relative to the immediate parent element. REM prevents unintended cascading compounding effects in nested DOM structures.
How do Points (pt) relate to Pixels (px) on screens?
In standard 96 DPI CSS screen rendering, 1 inch equals 96 pixels and 72 points. Therefore, 1 point equals exactly 96/72 ≈ 1.333 pixels, and 12pt print type renders as 16px on digital displays.