PX ↔︎ EM conversion tables
| 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 |
| 64px | 4em |
| 72px | 5em |
| 75px | 5em |
| 80px | 5em |
| 90px | 6em |
| 100px | 6em |
| 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.