Using this px to em converter calculator, you can simply convert any pixels value to ems.
<iframe src="https://calculatorhub.org/?cff-form=9" 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.
Em
An em is a CSS unit that quantifies a font’s size from the top of its cap height to the bottom of its lowest descender. “The em was named since it was originally equal to the width of the capital letter M.”
Px to Em 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 em.
- The converter will display the converted value in em unit throughout the rest of the process.
Formula to Convert Px to Em
The formula to convert pixels value into em unit is mentioned below:
For Example,
1. Convert pixel value 26 into em unit. Let the root font-size be 16px.
The get the result divide the pixels value by root font-size, 26/16 = 1.625 em.
Pixel ↔︎ Em Conversion Table
The root font-size value is kept at 16px for this conversion table.
Pixel (px) | Em (em) |
1px | 0.0625 em |
2px | 0.125 em |
3px | 0.1875 em |
4px | 0.25 em |
5px | 0.3125 em |
6px | 0.375 em |
7px | 0.4375 em |
8px | 0.5 em |
9px | 0.5625 em |
10px | 0.625 em |
11px | 0.6875 em |
12px | 0.75 em |
13px | 0.8125 em |
14px | 0.875 em |
15px | 0.9375 em |
16px | 1 em |
17px | 1.0625 em |
18px | 1.125 em |
19px | 1.1875 em |
20px | 1.25 em |
21px | 1.3125 em |
22px | 1.375 em |
23px | 1.4375 em |
24px | 1.5 em |
25px | 1.5625 em |
Pixel (px) | Em (em) |
26px | 1.625 em |
27px | 1.6875 em |
28px | 1.75 em |
29px | 1.8125 em |
30px | 1.875 em |
31px | 1.9375 em |
32px | 2 em |
33px | 2.0625 em |
34px | 2.125 em |
35px | 2.1875 em |
36px | 2.25 em |
37px | 2.3125 em |
38px | 2.375 em |
39px | 2.4375 em |
40px | 2.5 em |
41px | 2.5625 em |
42px | 2.625 em |
43px | 2.6875 em |
44px | 2.75 em |
45px | 2.8125 em |
46px | 2.875 em |
47px | 2.9375 em |
48px | 3 em |
49px | 3.0625 em |
50px | 3.125 em |