• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Actual Wizard

Actual Wizard

Great Content From Actual Wizards

  • Blogging
  • Programming
  • Social Media
  • Marketing
You are here: Home / Programming / HTML

PX to EM Converter – Online CSS Font Size Tool

November 16, 2020 by Kevin Marszalek

This online tool will allow you to quickly convert between pixels (PX) and EM.

Instructions

  1. To use the tool, you must fill out the default pixel size (which is typically 16px.)
  2. Decide whether you want to convert PX to EM or EM to PX.
  3. Then fill out the corresponding field and press the convert/calculate button.

Optionally you can clear the form by pressing clear.

Note: If all three fields are filled out, you must delete one before pressing the calculate button again.

Default: Enter the Default Font Size in Pixels, Example: 16.
PX
Convert PX to EM: Enter the PX, Example: 12. Leave blank to calculate PX.
PX
Convert EM to PX: Enter the EM, Example: 1.5. Leave blank to calculate EM.
EM
Calculate PX or EM: Press the button to convert PX to EM or EM to PX, which ever you left blank.
Clear: Press this button to reset the form.

PX to EM Conversion Table

PixelsEMsPercent
4 PX0.250 EM25%
5 PX0.3125 EM31.25%
6 PX0.375 EM37.5%
7 PX0.4375 EM43.75%
8 PX0.500 EM50.0%
9 PX0.5625 EM56.25%
10 PX0.625 EM62.5%
11 PX0.6875 EM68.75%
12 PX0.750 EM75.0%
13 PX0.8125 EM81.25%
14 PX0.875 EM87.5%
15 PX0.9375 EM93.75%
16 PX1.000 EM100.0%
17 PX1.0625 EM106.25%
18 PX1.125 EM112.5%
19 PX1.1875 EM118.75%
20 PX1.250 EM125.0%
21 PX1.3125 EM131.25%
22 PX1.375 EM137.5%
23 PX1.4375 EM143.75%
24 PX1.500 EM150.0%
25 PX1.5625 EM156.25%
26 PX1.625 EM162.5%
27 PX1.6875 EM168.75%
28 PX1.75 EM175.0%
29 PX1.8125 EM181.25%
30 PX1.875 EM187.5%
31 PX1.9375 EM193.75%
32 PX2.00 EM200.0%

Filed Under: HTML

Read More From Actual Wizard

  • Understanding the Different Parts of an Email Address
    An email address has four parts; the recipient name, the @ symbol, the domain name, and the top-level domain. …
  • How to Get the Last Element of an Array in JavaScript
    There are a number of different ways to get the last element of an array in JavaScript. Below we will explore …
  • How to use document.write() in JavaScript
    How to use document.write() in JavaScript The document.write() function is commonly used when testing simple …
  • How to Open a New Tab with JavaScript
    Opening a new browser window in a new tab can be done easily in JavaScript. Modern web browsers provide a …

Primary Sidebar

More posts from this section

  • PX to EM Converter – Online CSS Font Size Tool
  • How to Hide the URL Address in the Browser Status Bar
  • Heart Symbol HTML Code with Examples
  • HTML Trademark Symbol Code Example
  • Prevent a Phone Number from Wrapping to a New Line in CSS HTML
  • Html Tutorial Hello World Example with Code
  • Force a File to Download Instead of Opening it in a Browser with HTML

Copyright © 2025 ActualWizard.com

  • About
  • Terms of Service
  • Privacy Policy
  • Cookie Policy