EM to PX Converter
Use this free online em to px converter tool to convert any em value to the equivalent px CSS unit value. A px is a CSS unit of measurement that represents absolute length which is normatively defined as being equivalent to 1/96th of an inch. This bidirectional converter allows instant conversion with adjustable parent font-size.
Most browsers utilize a default font-size value of 16px. So, 1em is equivalent to 16px by default. However, if you decided to change the default font-size value of a parent HTML element, you can easily input your changed parent element font-size value to accurately convert from em to px using this instantaneously bidirectional converter.
Conversion Formula
px = em × parent font-size
For example, if the HTML parent element font-size is 32px and you want to convert 3em to px, then 3em = 96px because 3 × 32 = 96.
EM to PX Converter Conversion Table (Parent: 16px)
| EM | PX |
|---|---|
| 0.0625em | 1px |
| 0.25em | 4px |
| 0.5em | 8px |
| 0.75em | 12px |
| 1em | 16px |
| 1.25em | 20px |
| 1.5em | 24px |
| 2em | 32px |
| 2.5em | 40px |
| 3em | 48px |
| 4em | 64px |
| 6em | 96px |
| 8em | 128px |
| 10em | 160px |
| 11em | 176px |
| 12em | 192px |
| 13em | 208px |
| 14em | 224px |
| 16em | 256px |
| 20em | 320px |
| 30em | 480px |
| 36em | 576px |
| 48em | 768px |
| 50em | 800px |
| 60em | 960px |
| 62em | 992px |
| 64em | 1024px |
| 70em | 1120px |
| 75em | 1200px |
| 80em | 1280px |
| 90em | 1440px |
| 100em | 1600px |
| 120em | 1920px |
What is EM?
EM is a relative CSS unit that scales based on the parent element's font size, making it highly context-dependent. By default, 1em equals the parent element's font-size value, creating a cascading effect through nested elements. While EM offers flexibility for component-level scaling, its cascading nature can make it unpredictable compared to REM in complex layouts.
What is PX?
Pixels (px) are an absolute CSS unit representing a single dot on screen, normatively defined as 1/96th of an inch. They are commonly used for precise element sizing in web design. However, pixels can create accessibility issues as they don't scale with user browser preferences, making them less ideal for responsive typography.