PX to REM Converter

A developer tool with Material Design

⇄ Switch to REM to PX Converter

Conversion Tool

Enter the pixel value you want to convert.

Select the base font size for the conversion calculation. The default is 16 pixels.

Result in REM 1rem

How to Use This App

  1. Enter the desired pixel (px) value in the first input box.
  2. Adjust the base font size from the dropdown if your project uses a different default (the standard is 16px).
  3. The REM equivalent is calculated and displayed in real-time in the result box.
  4. For quick reference, consult the conversion table below which is based on a 16px base font size.

PX to REM Conversion Table (Base 16px)

Pixel (px)REM

Frequently Asked Questions

What is the difference between PX and REM units in CSS?

PX (pixels) is an absolute unit of measurement that does not change with user browser settings. REM (root em) is a relative unit relative to the root html element font size (usually 16px by default).

Why should web developers use REM instead of PX?

Using REM improves accessibility. When users with visual impairments increase their browser default font size, REM-based layouts scale proportionally, whereas PX-based layouts stay fixed and may become unreadable.

What is the formula to convert PX to REM?

The formula is: REM = Pixels / Base Font Size. For example, with a 16px base font size, 24px is 24 / 16 = 1.5rem.

What is the standard base font size in modern browsers?

The default root font size in all modern browsers (Chrome, Firefox, Safari, Edge) is 16 pixels unless modified by the user or root CSS.