📐PX to REM Converter

Convert between pixels and rem units for responsive design.

Pixels (px)

Base Font Size (px)

REM

Result

Quick Reference (base: 16px)

About PX to REM Converter

Convert pixel values to rem units and rem to pixels for responsive CSS design. The default base font size is 16px (1rem = 16px), but you can set a custom base to match your project's root font size. Using rem units ensures your layout scales correctly when users change their browser font size.

How to Use PX to REM Converter

1
Set the base font size
Enter your project's root font size (default is 16px) to ensure accurate conversions.
2
Enter a pixel value
Type the pixel value you want to convert to rem.
3
Use the rem value
Copy the resulting rem value and use it in your CSS stylesheet.

Common Use Cases

Converting design mockup pixel values to accessible rem units
Building responsive typography and spacing systems
Migrating legacy pixel-based CSS to rem-based layouts
Calculating rem values when using a 10px base font-size shortcut

Frequently Asked Questions

How many pixels is 1rem?

By default, 1rem equals 16px in most browsers, since the default root font size is 16px. If you set html { font-size: 10px }, then 1rem equals 10px.

Why use rem instead of pixels in CSS?

Rem units scale relative to the user's browser font size setting, making designs more accessible and easier to scale responsively compared to fixed pixel values.