PX to EM Converter
Convert Pixels to EM units.
Loading converter...
What Is PX to EM Converter?
A PX to EM Converter helps you convert pixel (px) values into em units based on a specified font size. It is commonly used for creating scalable and responsive typography in CSS.
How To Convert PX to EM?
To find PX to EM, you need to divide the pixel value by the current font size of the parent element. This helps you understand how many em units the pixel value represents.
How to use the PX to EM tool
- Step 1: Enter the base value in the PX field that you want to convert to EM
- Step 2: As you enter the base value you can see the converted value on the right side in the EM field. Our tool will convert in a real time.
- Step 3: You can copy it using the Copy Result button.
Difference Between PX and EM
Pixels PX is an absolute unit and the EM is a font-relative unit. EM is always based on its parent element.
PX to EM Formula
em=
pxparent font size
Where:
pxPixels — The pixel value you want to convert.
parent font sizeParent Font Size — The font size of the parent element (default is 16px).
emEM Units — The resulting size relative to the parent font size.
PX to EM Conversion Table (Base Font 16px)
| PX (px) | EM (em) |
|---|---|
| 1px | 0.0625em |
| 2px | 0.125em |
| 3px | 0.1875em |
| 4px | 0.25em |
| 5px | 0.3125em |
| 6px | 0.375em |
| 7px | 0.4375em |
| 8px | 0.5em |
| 9px | 0.5625em |
| 10px | 0.625em |
| 11px | 0.6875em |
| 12px | 0.75em |
| 13px | 0.8125em |
| 14px | 0.875em |
| 15px | 0.9375em |
| 16px | 1em |
| 17px | 1.0625em |
| 18px | 1.125em |
| 19px | 1.1875em |
| 20px | 1.25em |
| 22px | 1.375em |
| 24px | 1.5em |
| 26px | 1.625em |
| 28px | 1.75em |
| 30px | 1.875em |
| 32px | 2em |
| 36px | 2.25em |
| 40px | 2.5em |
| 44px | 2.75em |
| 48px | 3em |
| 52px | 3.25em |
| 56px | 3.5em |
| 60px | 3.75em |
| 64px | 4em |
| 72px | 4.5em |
| 80px | 5em |
| 88px | 5.5em |
| 96px | 6em |
| 100px | 6.25em |
| 112px | 7em |
| 120px | 7.5em |
| 128px | 8em |
| 136px | 8.5em |
| 144px | 9em |
| 160px | 10em |
| 192px | 12em |
| 200px | 12.5em |
| 240px | 15em |
| 256px | 16em |
| 288px | 18em |
| 300px | 18.75em |
| 320px | 20em |
| 360px | 22.5em |
| 384px | 24em |
| 400px | 25em |
| 480px | 30em |
| 512px | 32em |
| 576px | 36em |
| 600px | 37.5em |
| 640px | 40em |
| 720px | 45em |
| 768px | 48em |
| 800px | 50em |
| 960px | 60em |
| 1024px | 64em |
| 1080px | 67.5em |
| 1200px | 75em |
| 1280px | 80em |
| 1366px | 85.375em |
| 1440px | 90em |
| 1536px | 96em |
| 1920px | 120em |
You can easily convert back using EM to PX or scale elements with PX to REM.