REM to PX Converter

Base Font Size (PX):

REM

How to Use This Converter

Set Your Base Font Size: Most browsers default to 16px, so we’ve set that for you. If your project uses a different base (like 10px), simply change the value in the “Base Font Size (PX)” box.
Enter Your Value: The tool works both ways!
- Type a value in the REM box (e.g., 1.5) to see its pixel equivalent.
- Or, type a value in the PX box (e.g., 24) to find its REM equivalent.
Copy and Go: Use the “Copy REM” or “Copy PX” buttons to instantly grab the value you need for your stylesheet. Hit “Reset” to clear the fields and start over.

The math is actually very straightforward. It all comes down to one simple multiplication or division.

To find the pixel value, you multiply the REM value by the base font size.

$$\text{Pixels (PX)} = \text{REM Value} \times \text{Base Font Size (in PX)}$$

Example:

If your base font size is 16px and you want to convert 1.5rem:

1.5 (REM) × 16 (PX) = 24 (PX)

To find the REM value, you divide the pixel value by the base font size.

$$\text{REM Value} = \text{Pixels (PX)} \div \text{Base Font Size (in PX)}$$

Example:

If you want to convert 24px back to REM (with a 16px base):

24 (PX) ÷ 16 (PX) = 1.5 (REM)

Need a quick reference? Here’s a handy cheat sheet for common values, assuming the standard 16px base font size.