50%

REM to PX Converter

EM

em

REM

rem

Base size of fonts is 16px.

Pixel

px

Percent

%

Point

pt

REM to PX Converter online tool helps convert REM value into PX value. REMs to Pixels converter works well, and it's bidirectional.

CSS Style Properties


EM

h1 {
  font-size: 2em;
}

REM

Pixel

h1 {
  font-size: 32px;
}

Percent

h1 {
  font-size: 200%;
}

Point

h1 {
  font-size: 24pt;
}

EM

Hello

Hello

Pixel

Hello

Percent

Hello

Point

Hello

Unit Conversion Table for REM to PX


EM REM Pixel Percent Point
0.5em 8px 50% 6pt
0.5625em 9px 56.25% 6.75pt
0.625em 10px 62.5% 7.5pt
0.6875em 11px 68.75% 8.25pt
0.75em 12px 75% 9pt
0.8125em 13px 81.25% 9.75pt
0.875em 14px 87.5% 10.50pt
0.9375em 15px 93.75% 11.25pt
1em 16px 100% 12pt
1.0625em 17px 106.25% 12.75pt
1.125em 18px 112.5% 13.5pt
1.1875em 19px 118.75% 14.25pt
1.25em 20px 125% 15pt
1.3125em 21px 131.25% 15.75pt
1.375em 22px 137.5% 16.50pt
1.4375em 23px 143.75% 17.25pt
1.5em 24px 150% 18pt
1.5625em 25px 156.25% 18.75pt
1.625em 26px 162.5% 19.5pt
1.6875em 27px 168.75% 20.25pt
1.75em 28px 175% 21pt
1.8125em 29px 181.25% 21.75pt
1.875em 30px 187.5% 22.5pt
1.9375em 31px 193.75% 23.25pt
2em 32px 200% 24pt
2.0625em 33px 206.25% 24.75pt
2.125em 34px 212.5% 25.5pt
2.1875em 35px 218.75% 26.25pt
2.25em 36px 225% 27pt
2.3125em 37px 231.25% 27.75pt
2.375em 38px 237.5% 28.5pt
2.4375em 39px 243.75% 29.25pt
2.5em 40px 250% 30pt
2.5625em 41px 256.25% 30.75pt
2.625em 42px 262.5% 31.5pt
2.6875em 43px 268.75% 32.25pt
2.75em 44px 275% 33pt
2.8125em 45px 281.25% 33.75pt
2.875em 46px 287.5% 34.5pt
2.9375em 47px 293.75% 35.25pt
3em 48px 300% 36pt

REM to Pixels Converter Online


REM to PX Converter tool helps to convert the REM value into a Pixel value.

Convert REM to PX is created to help users who cannot calculate the conversion rate between REM and PX. The converter offers an easy-to-use graphical interface, so it does not require the user to have any background knowledge about conversions.

This tool has a minimalistic interface with a single button for inputting the measurement value in one unit that needs to be converted into another branch of the measurement system.

What is REM?

In CSS, rem stands for "root em." It is a unit of measurement equal to the font size of the document's root element. The root element is usually the <html> element, and the font size is usually set on the <body> element.

Using rem units allows you to specify sizes in a way that is responsive to changes in the font size. For example, if you set the font size of the root element to be 16px, then 1rem would be equal to 16px. If you later change the font size of the root element to be 20px, then 1rem would automatically be updated to be equal to 20px.

The (REM) root element's font size can be set in pixels or relative to the user's default font size. If a pixel value is not specified, it will inherit from its parent elements, usually 16px by default.

What is PX?

PX in CSS stands for pixels. It is a unit of measurement used in CSS to specify the size or distance of an element in a web page. For example, a width of 100px means that the element will have a width of 100 pixels.

In CSS, there are two ways to set the font size of an element. The first is setting the size in pixels (px), and the second is setting it relative to the user's default font size.

What is 1 rem in pixels?

The exact size of 1rem in pixels will depend on the root element's font size, typically set to 16 by default. Therefore, if the root font size is 16 pixels, 1rem will also equal 16 pixels.

What can you do with the REM to PX Converter Tool?

  • It helps to find your pixel value given by the rem value.
  • Online REM to PX Converter tool works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.