PX to REM Converter
Convert pixels to REM units for responsive CSS. Set your base font size and get instant px/rem conversions. Free browser tool.
Common Sizes (base 16px)
| PX | REM | Typical Use |
|---|---|---|
| 10px | 0.625rem | Extra small text |
| 12px | 0.75rem | Caption / label |
| 14px | 0.875rem | Small body text |
| 16px | 1rem | Base / body text |
| 18px | 1.125rem | Large body text |
| 24px | 1.5rem | Heading h3 |
| 32px | 2rem | Heading h2 |
| 48px | 3rem | Heading h1 |
How to Use
- 1 Set the base font size (default 16px, which is the browser default)
- 2 Select PX → REM to convert pixels to REM, or REM → PX for the reverse
- 3 Enter your pixel or REM value
- 4 Click Convert to see the result
Use Cases
Convert pixel values from design mockups to REM units for scalable, accessible CSS that respects user font size preferences.
Update existing pixel-based CSS values to REM for better accessibility and consistent scaling across your stylesheet.
Set font sizes in REM units to ensure text scales proportionally when users change their browser's default font size.
FAQ
REM (root em) is a CSS unit relative to the root element's (html) font size. If the root font size is 16px, then 1rem = 16px, 2rem = 32px, etc.
REM units scale when users change their browser font size preference, improving accessibility. Pixels are absolute and won't scale with user settings.
Most browsers default to 16px. Use this converter's base size field to match your project's root font-size CSS declaration.
Related Tools
A/B Test Calculator
Check if your A/B test results are statistically significant. Calculates p-value, Z-score, uplift, and statistical power. Free.
Open →A/B Test Sample Size Calculator
Calculate the sample size needed per variation for a statistically valid A/B test. Set confidence level, power, baseline rate and MDE. Free.
Open →ACOS Calculator
Calculate your Amazon ACOS, ROAS, and break-even ACOS instantly. Free tool for Amazon sellers to measure ad efficiency and profitability.
Open →