PX to EM Converter
Convert between PX and EM units with customizable base font size
Live Font Size Preview
Hello
Conversion Reference
1 unit equals how many pixels
px
1
pixels
em
16
pixels
CSS Style Properties
Pixels (px)
h1 {
font-size: 16px;
}Em (em)
h1 {
font-size: 16em;
}About PX to EM Conversion
What is PX?
PX (Pixels) is an absolute unit that represents a fixed size on the screen. It doesn't scale with user preferences or parent elements, making it useful for precise measurements.
What is EM?
EM (em) is a relative CSS unit that is based on the font size of the parent element. It's useful for creating scalable, responsive designs that adapt to parent font sizes and user preferences.
The Conversion Formula
1 EM = Base Font Size (default 16px)
To convert PX to EM: EM = PX ÷ Base Font Size
Unit Conversion Table for PX to EM
| Pixel | EM |
|---|---|
| 4px | 0.25em |
| 8px | 0.5em |
| 12px | 0.75em |
| 16px | 1em |
| 20px | 1.25em |
| 24px | 1.5em |
| 28px | 1.75em |
| 32px | 2em |
| 36px | 2.25em |
| 40px | 2.5em |
| 44px | 2.75em |
| 48px | 3em |
| 52px | 3.25em |
| 56px | 3.5em |
| 60px | 3.75em |
| 64px | 4em |
| 68px | 4.25em |
| 72px | 4.5em |
| 76px | 4.75em |
| 80px | 5em |
| 84px | 5.25em |