Using this px to rem converter calculator, you can simply convert any pixels value to rem.
<iframe src="https://calculatorhub.org/?cff-form=7" style="width:100%;height:100%;"></iframe>
Pixel
A pixel, pel or picture element is the smallest controllable element of a picture portrayed on the screen in digital imaging. It is the smallest addressable element in a raster image, or the smallest addressable element in an all points addressable display device.
Rem
Font-size on the root element is equal to the computed value. The rem units relate to the property’s initial value as provided on the font-size property of the root element. This signifies that 1rem is the size of the html element’s font (which for most browsers has a default value of 16px).
Px to Rem Converter Use
- This calculator is simple and quick to use.
- To begin, input the pixel font-size for the conversion’s base.
- We set the value to 16 by default because this is the default value for most common browsers on the internet.
- After that, type in the pixel size you want to convert to rem.
- The converter will display the converted value in rem unit throughout the rest of the process.
Formula to Convert Px to Rem
The formula to convert pixels value into rem unit is mentioned below:
For Example,
1. Convert pixel value 20 into rem unit. Let the root font-size be 16px.
The get the result divide the pixels value by root font-size, 20/16 = 1.25 rem.
Pixel ↔︎ Rem Conversion Table
The root font-size value is kept at 16px for this conversion table.
Pixel (px) | Rem (rem) |
1px | 0.0625 rem |
2px | 0.125 rem |
3px | 0.1875 rem |
4px | 0.25 rem |
5px | 0.3125 rem |
6px | 0.375 rem |
7px | 0.4375 rem |
8px | 0.5 rem |
9px | 0.5625 rem |
10px | 0.625 rem |
11px | 0.6875 rem |
12px | 0.75 rem |
13px | 0.8125 rem |
14px | 0.875 rem |
15px | 0.9375 rem |
16px | 1 rem |
17px | 1.0625 rem |
18px | 1.125 rem |
19px | 1.1875 rem |
20px | 1.25 rem |
21px | 1.3125 rem |
22px | 1.375 rem |
23px | 1.4375 rem |
24px | 1.5 rem |
25px | 1.5625 rem |
Pixel (px) | Rem (rem) |
26px | 1.625 rem |
27px | 1.6875 rem |
28px | 1.75 rem |
29px | 1.8125 rem |
30px | 1.875 rem |
31px | 1.9375 rem |
32px | 2 rem |
33px | 2.0625 rem |
34px | 2.125 rem |
35px | 2.1875 rem |
36px | 2.25 rem |
37px | 2.3125 rem |
38px | 2.375 rem |
39px | 2.4375 rem |
40px | 2.5 rem |
41px | 2.5625 rem |
42px | 2.625 rem |
43px | 2.6875 rem |
44px | 2.75 rem |
45px | 2.8125 rem |
46px | 2.875 rem |
47px | 2.9375 rem |
48px | 3 rem |
49px | 3.0625 rem |
50px | 3.125 rem |