PX to REM Converter

An easy to use px to rem converter tool for web designers.

px
rem
px

The tool by default does conversions based on the 16px as the root html font size, which is default of most modern web browsers. But if your webpage uses different root font-size, you can change it above.

Live Preview

Font Size = 0.625rem & Base Font Size = 16px

[Sample Text]

How to Use Our PX to REM Converter & All Its Features?

Simply enter the px value and the tool will convert it into rem (css unit) instantaneously as you type. No extra clicks required!

Also, this is a two way px ⇄ rem converter tool. So, feel free to enter the rem value in the rem input box to get its px conversion. Alternatively, you can use our dedicated REM to PX converter, which also works both the ways.

And, for your reference this tool also shows you the live text preview of the rem font-size as per the root font size set by you, so you can also test the font-size right on this page using this tool to save your time.

Common PX to REM Conversions

As per default root font size of HTML - 16px.

  • 1 px = 0.0625 rem
  • 2 px = 0.125 rem
  • 3 px = 0.1875 rem
  • 4 px = 0.25 rem
  • 5 px = 0.3125 rem
  • 6 px = 0.375 rem
  • 7 px = 0.4375 rem
  • 8 px = 0.5 rem
  • 9 px = 0.5625 rem
  • 10 px = 0.625 rem
  • 12 px = 0.75 rem
  • 14 px = 0.875 rem
  • 16 px = 1 rem
  • 18 px = 1.125 rem
  • 20 px = 1.25 rem
  • 22 px = 1.375 rem
  • 24 px = 1.5 rem
  • 26 px = 1.625 rem
  • 28 px = 1.75 rem
  • 30 px = 1.875 rem
  • 32 px = 2 rem
  • 36 px = 2.25 rem
  • 40 px = 2.5 rem
  • 44 px = 2.75 rem
  • 48 px = 3 rem
  • 52 px = 3.25 rem
  • 56 px = 3.5 rem
  • 60 px = 3.75 rem
  • 64 px = 4 rem
  • 72 px = 4.5 rem
  • 80 px = 5 rem
  • 88 px = 5.5 rem
  • 96 px = 6 rem
  • 0.125 rem = 2 px
  • 0.25 rem = 4 px
  • 0.5 rem = 8 px
  • 0.75 rem = 12 px
  • 0.875 rem = 14 px
  • 1 rem = 16 px
  • 1.125 rem = 18 px
  • 1.25 rem = 20 px
  • 1.3 rem = 20.8 px
  • 1.4 rem = 22.4 px
  • 1.5 rem = 24 px
  • 2 rem = 32 px
  • 2.5 rem = 40 px
  • 3 rem = 48 px
  • 3.5 rem = 56 px
  • 3.7 rem = 59.2 px
  • 4 rem = 64 px
  • 5 rem = 80 px
  • 6 rem = 96 px
  • 7 rem = 112 px
  • 8 rem = 128 px
  • 9 rem = 144 px
  • 10 rem = 160 px
  • 15 rem = 240 px
  • 20 rem = 320 px
  • 30 rem = 480 px
  • 40 rem = 640 px
  • 50 rem = 800 px
  • 60 rem = 960 px
  • 70 rem = 1120 px
  • 80 rem = 1280 px
  • 90 rem = 1440 px
  • 100 rem = 1600 px

To do conversions for other px, rem or base values use the tool above.

What is REM & How it is different from PX?

rem stands for "root em". It's a CSS unit of measurement used for font sizes, as well as for some other properties such as margin and padding. Unlike the pixels (px), which is a fixed size, the rem is relative to the root font size, which is usually the font size set for '<html>' tag.


  <style>
    html{
      font-size: 16px;
    }
  </style>

In other words, if you set the font size of the root <html> tag to be 16 px (as shown above), then setting a font size of 1 rem on a <p> tag will result in a font size of 16 pixels. If you then change the root font size to 20 px, the font size of that <p> tag of 1 rem will change accordingly to 20 px.

Why use REM?

The use of rem provides a way to scale the font size of an entire page based on a single value, which can be especially useful in responsive web design where you want to adjust the font size based on the size of the viewport.

For example, if you set the root font size to 10 px on small screens, and 16 px on large screens, you can use rem throughout your stylesheet to ensure that the font sizes of all other elements adjust accordingly.

How do you calculate PX to REM?

The formula for REM is:

rem = px / base font-size of root <html> tag

Example Calculation:

Let's say you want to calculate rem value of 16px, then as per the formula above, you've to divide 16 with the base font-size.

If the base font-size is 16px, then 16 divided by 16 is 1.

Hence, 16px is equals to 1rem.

This PX to REM converter tool does calculations using the same formula and allows you to convert px to rem in much fast and easy way than doing this calculation manually.

RELATED TOOLS: