/convert/pixels-to-em/ Convert px to em (16px base) instantly. Includes a reference table and formula. article px to em (16px base) Converter — 247QuickTools ,{ "@context": "https://schema.org", "@type": "SpeakableSpecification", "cssSelector": [".tool-intro", ".info-gain-section"] }
🖥️ CSS & Design

px to em (16px base) Converter

Convert px to em (16px base) instantly. Includes a reference table and formula.

Quick answer: To convert px to em (16px base), multiply by 0.0625. For example, 1 px = 0.0625 em (16px base). Use the calculator below for any value.
px to em (16px base)
→
Common conversions
px em (16px base)
Formula:

How to convert px to em (16px base)

1

Enter your value

Type the number of px you want to convert into the left box. The result in em (16px base) appears instantly in the right box. You can also type into the right box to convert in the other direction.

2

Use the swap button

Click the ⇄ Swap button to reverse the conversion — em (16px base) to px. Your current value carries across so you don't have to re-enter anything.

3

About px and em (16px base)

px and em (16px base) are both CSS and design units. Use this converter to switch between them instantly.

💡 Did you know?

1 em = 16px (browser default). em units compound: a 1.5em element inside a 1.5em parent = 2.25× the root size. This compounding was the primary reason CSS3 introduced rem — which always references the root font size, not the parent. Best practice: use rem for sizes, em only when you intentionally want compounding.

📊 Common conversions at a glance
px em (16px base)
1 0.0625
2 0.125
4 0.25
6 0.375
8 0.5
10 0.625
Reviewed for 2026. px ↔ em (16px base) conversion factor verified against published reference data. Built by a UK-based qualified primary teacher and FA Level 2 coach as part of 247QuickTools' free utility-tools project.