Pixels to REM Converter (px to rem)
Pixels to REM Converter (px to rem)
Convert pixels (px) to REM units instantly based on the standard 16px browser base font size. Essential for modern responsive web development, Tailwind CSS sizing, and WCAG accessibility compliance.
How to use this converter
- Enter the value in Pixels (px) you want to convert.
- Ensure the “From” selector is set to Pixels (px).
- Ensure the “To” selector is set to REM (rem).
- The converted typographic value in REM (rem) updates instantly in the result box.
Pixels to REM Formula
To convert from pixels to rem, use the standard typographic relationship:
Formula:
rem = px / 16
Calculation Examples
- Example 1: 12 px = 0.75 rem
- Example 2: 16 px = 1 rem
- Example 3: 24 px = 1.5 rem
- Example 4: 32 px = 2 rem
Pixels to REM Conversion Table
| Pixels (px) | REM (rem) |
|---|---|
| 8 px | 0.5000 rem |
| 12 px | 0.7500 rem |
| 14 px | 0.8750 rem |
| 16 px | 1.000 rem |
| 20 px | 1.250 rem |
| 24 px | 1.500 rem |
| 32 px | 2.000 rem |
| 48 px | 3.000 rem |
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.