Em to Px Converter - CSS Unit Converter Online

Free online em to px converter. Convert between em, rem, px, pt and other CSS units. Customize base font size. Includes CSS unit reference. No signup required.

Value

Settings

Base Font Size (px)

Viewport Width (px)

Conversion Results

Unit	Value	Copy
Pixels (px)	16px
Em	1em
Rem	1rem
Points (pt)	12pt
Percent (%)	100%
Viewport Width (vw)	0.8333vw

Click any row to use that value as the new input.

CSS Unit Reference

Unit	Relative To	Use Case
px	Absolute	Fixed layouts, borders, precise sizing
em	Parent element font-size	Component-relative sizing, padding, margins
rem	Root element (html) font-size	Consistent spacing, responsive typography
pt	Absolute (1pt = 1/72 inch)	Print stylesheets, PDF generation
%	Parent element dimension	Fluid layouts, responsive widths
vw	Viewport width (1vw = 1%)	Full-width elements, responsive text

Em to Px Converter - CSS Unit Converter

This em to px converter tool lets you convert between CSS units including em, rem, px, pt, percent, and viewport units. Set a custom base font size to see accurate conversions. Includes a CSS unit reference table explaining when to use each unit. Perfect for responsive web design and CSS development. All processing happens in your browser — your data never leaves your device.

𝕏 Twitter in LinkedIn

Rate this tool

3.6 / 5 · 223 ratings

More Tools

🌈CSS Gradient Generator

Stay Updated

Get weekly dev tips and new tool announcements.

No spam. Unsubscribe anytime.

Enjoy these free tools?

☕Buy Me a Coffee

FAQ

How do I convert em to px?

Multiply the em value by the parent element's font size. If the parent is 16px (browser default): 1.5em = 1.5 x 16 = 24px. The converter lets you set the base font size and converts in both directions.

What is the difference between em and rem?

em is relative to the parent element's font size, making it compound when nested. rem is relative to the root (html) element's font size, making it more predictable. Most developers prefer rem for consistency.

What is the default browser font size?

16px in all major browsers. This means 1em = 1rem = 16px by default. You can change the root size with html { font-size: 62.5%; } to make 1rem = 10px for easier calculations.