px to em
A converter that calculates the em from a px for a given em size to make the measurement responsive
Hot Keys
Calculate and copy the result of calculation.
Calculate the result.
Copy the result of calculation.
Reverse the converter to "EM to PX".
Focus the "Pixels" input.
Focus the "EM Size" input.
FAQ
How to convert PX to EM?
To convert px to em, you should know total size of 1 EM, default is 16px Then, just apply formula: px / em For example, with 16px size of 1em, 32px will be converted to: 32 / 16 = 2em
What is the PX to EM formula?
px / em
What is em unit?
EM is defined relative to the font size of the parent element. 1 EM therefore takes on the value which is given to the font-size of the parent element.
What is px unit? (Pixels)
Pixel unit is the theorical smallest dot displayed on a computer screen. Nowadays, pixel unit can differ between physical resolution and logical resolution. This difference is called device pixel ratio or DPR: Logical resolution = physical resolution / device pixel ratio. So, a screen with 1024x768 physical resolution with a DPR of 2 will have a 512x384 logical resolution.
PX to EM Conversion Table if em size is 16px
| px | em |
|---|---|
| 10px | 0.625em |
| 20px | 1.25em |
| 30px | 1.875em |
| 40px | 2.5em |
| 50px | 3.125em |
| 60px | 3.75em |
| 70px | 4.375em |
| 80px | 5em |
| 90px | 5.625em |
| 100px | 6.25em |
| 110px | 6.875em |
| 120px | 7.5em |
| 130px | 8.125em |
| 140px | 8.75em |
| 150px | 9.375em |
| 160px | 10em |
| 170px | 10.625em |
| 180px | 11.25em |
| 190px | 11.875em |
| 200px | 12.5em |
| 210px | 13.125em |
| 220px | 13.75em |
| 230px | 14.375em |
| 240px | 15em |
| 250px | 15.625em |