PX to EM Converter
Use this free online px to em converter tool to convert any px value to the equivalent EM CSS unit value. EM is a scalable unit of measurement that is relative to the parent element font-size. Em is commonly used in specific instances due to its superior scalability when compared to pixels to help ensure consistency of sizing and spacing throughout UI designs.
1em equals the font-size of the parent element. By default, most browsers use a font-size value of 16px. So, an element with the value 1em will equal 16px. However, if you decide to change the font-size of the parent HTML element from 16px, you can simply input your desired parent element font-size to accurately convert from px to em with this instantaneously bidirectional converter.
Conversion Formula
em = px ÷ parent font-size
For example, if the HTML parent element font-size is set to 32px and you want to convert 64px to em, then 64px = 2em because 64 ÷ 32 = 2.
PX to EM Converter Conversion Table (Parent: 16px)
| PX | EM |
|---|---|
| 1px | 0.0625em |
| 4px | 0.25em |
| 8px | 0.5em |
| 12px | 0.75em |
| 16px | 1em |
| 20px | 1.25em |
| 24px | 1.5em |
| 32px | 2em |
| 40px | 2.5em |
| 48px | 3em |
| 64px | 4em |
| 96px | 6em |
| 128px | 8em |
| 160px | 10em |
| 176px | 11em |
| 192px | 12em |
| 208px | 13em |
| 224px | 14em |
| 256px | 16em |
| 320px | 20em |
| 480px | 30em |
| 576px | 36em |
| 768px | 48em |
| 800px | 50em |
| 960px | 60em |
| 992px | 62em |
| 1024px | 64em |
| 1120px | 70em |
| 1200px | 75em |
| 1280px | 80em |
| 1440px | 90em |
| 1600px | 100em |
| 1920px | 120em |
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.
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.