PX to EM
PX to EM Converter
Easily convert pixel (px) values to em units based on a custom root font size. Perfect for creating responsive, scalable web designs.
Fast Conversion
Get instant conversions between pixels and em units with our optimized calculator.
Custom Base Size
Set your preferred base font size (default 16px) for accurate em calculations.
Keyboard Shortcuts
Use keyboard shortcuts for faster conversions and copying results.
Keyboard Shortcuts
- 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.
PX to EM Conversion Table if em size is 16px
| Pixels | EM |
|---|---|
| 1px | 0.06em |
| 2px | 0.13em |
| 3px | 0.19em |
| 4px | 0.3em |
| 5px | 0.3em |
| 6px | 0.4em |
| 8px | 0.5em |
| 10px | 0.6em |
| 12px | 0.8em |
| 14px | 0.9em |
| 15px | 0.9em |
| 16px | 1em |
| 18px | 1.1em |
| 20px | 1.3em |
| 24px | 1.5em |
| 25px | 1.6em |
| 28px | 1.8em |
| 32px | 2em |
| 36px | 2em |
| 40px | 3em |
| 44px | 3em |
| 48px | 3em |
| 50px | 3em |
| 56px | 4em |
| EM | Pixels |
|---|---|
| 0.01em | 0.16px |
| 0.03em | 0.5px |
| 0.05em | 0.8px |
| 0.08em | 1.3px |
| 0.1em | 1.6px |
| 0.15em | 2px |
| 0.2em | 3px |
| 0.5em | 8px |
| 1em | 16px |
| 2em | 32px |
| 3em | 48px |
| 4em | 64px |
| 5em | 80px |
| 6em | 96px |
| 8em | 128px |
| 10em | 160px |
| 15em | 240px |
| 20em | 320px |
| 30em | 480px |
| 40em | 640px |
| 50em | 800px |
| 60em | 960px |
| 80em | 1280px |
| 100em | 1600px |
Convert pixels to EM
This calculator converts pixels to the CSS unit EM. The conversion is based on the default font-size of 16 pixel, but can be changed.
The conversion works of course in both directions, just change the opposite input field.
An example
So if we take the default size as an example, than 1px represents 0.0625em and, in the other direction, 1em represents 16px.
EM vs. REM: The differences
Inside a sinlge document, the length of a REM unit is everywhere the same, it can just differ between documents. EM on the other side can differ between every element, because it is relative to the elements own font-size (excpetion is the font-size itself, in it EM is relative to the parent).
REM is the newer unit, older browsers don’t support it.
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 1024×768 physical resolution with a DPR of 2 will have a 512×384 logical resolution.