EM to PX Converter

Convert between EM and PX units with customizable base font size

From Value

To Value

Live Font Size Preview

Hello

Conversion Reference

1 unit equals how many pixels

pixels

CSS Style Properties

Pixels (px)

h1 {
  font-size: 1px;
}

Em (em)

h1 {
  font-size: 1em;
}

About EM to PX Conversion

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.

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.

The Conversion Formula

1 EM = Base Font Size (default 16px)

If you change your base font size to 20px, then 1 EM = 20px.

Unit Conversion Table for EM to PX

EM	Pixel
0.5em	8px
0.6em	9.6px
0.7em	11.2px
0.8em	12.8px
0.9em	14.4px
1.0em	16px
1.1em	17.6px
1.2em	19.2px
1.3em	20.8px
1.4em	22.4px
1.5em	24px
1.6em	25.6px
1.7em	27.2px
1.8em	28.8px
1.9em	30.4px
2.0em	32px
2.1em	33.6px
2.2em	35.2px
2.3em	36.8px
2.4em	38.4px
2.5em	40px