REM to PX Converter


Use this CSS unit converter tool to easily convert REM to PX.


On this page, you’ll learn:

  • What is REM in CSS?
  • What is PX in CSS?
  • REM to PX Conversion Formula
  • How to Convert REM to PX?
  • REM to PX Conversion Table

What is a REM to PX Converter?

REM to PX Converter is an online free CSS unit converter tool through which you can easily convert REM values to Pixels.

REM to PX Converter

What is a REM?

REM stands for Root EM, a CSS unit of measurement relative to the font size of the root HTML element.

What is a PX?

Pixel stands for Pixels is a CSS unit of measurement that does not change its dimensions on changing the dimensions of the display.

In the modern era, the use of REM is more suitable due to it being scalable.

REM to PX Conversion Formula

The formula used to convert REM to PX is:

PX = REM * Root Font Size (16PX by default)

How to Convert REM to PX?

The value of REM is relative to its root font size (16 px by default). It means that if we change the root font size, the value of REM will also change.

If we take the root font size to be 16 px, then 1 REM will be 16 PX. Similarly, if we take the root font size to be 18 px, then 1 REM will be equal to 18 px.

Once, we get to know the final root font size, then we can easily multiply the value of REM by root font size to get the value in pixels.

Example Problems on REM to PX

Example 1: Convert 2 REM into PX.

Step 1: Determine the Value of Root Font Size

Since the root font size is not given, we will take the default root font size which is 16 PX.

Base = 16 PX

Step 2: Get the Value in REM

REM = 2

Step 3: Use the REM to PX Conversion Formula

PX = REM * Root Font Size = 2 * 16 = 32

Thus, 2 REM = 32 PX


Example 2: Convert 3 REM into Pixels. (Root Font Size: 18 PX)

Step 1: Determine the Value of Root Font Size

Here, the root font size is given which is equal to 18 PX.

Base = 18 PX

Step 2: Determine the Value in REM

REM = 3

Step 3: Use the REM to PX Conversion Formula

PX = REM * Base Font Size = 3 * 18 = 54

Thus, 3 REM = 54 PX


REM to PX Conversion Table

REMPX
0.0625rem1px
0.125rem2px
0.25rem4px
0.50rem8px
1rem16px
2rem32px
4rem64px
6rem96px
8rem128px
10rem160px
12 rem192px
14 rem224px
16rem256px
18rem288px
20rem320px
25rem400px
30rem480px
36rem576px
48rem768px
50rem800px
64rem1024px
75rem1200px

Frequently Asked Questions on REM to PX

What is the default Root Font Size in HTML?

The default root font size in HTML is 16 PX.

What is the full form of REM in CSS?

The full form of REM is Root EM.

How to Convert REM to PX?

PX = REM * Root Font Size of HTML


References:


Scroll to Top