Result will be here.
The tool allows you to work out the pixels from em or em sizes from pixels (or vice versa)
Set a default pixel size usually 16px, Then, convert an em value to pixels, based on the default pixel size or convert a pixel value to em, based on the default pixel size.
All them are means Font Size, but EM and percent are relative measurements, Pixel is a static measurement. so the size of an EM or percent depends on its parent. The table below will display the change when cilick it. For example If the text size of body is 16 pixels, then 150% or 1.5 EM will be 24 pixels.
px | em | percent |
---|---|---|
5px | 0.3333em | 33.33% |
6px | 0.4000em | 40.00% |
7px | 0.4667em | 46.67% |
8px | 0.5333em | 53.33% |
9px | 0.6000em | 60.00% |
10px | 0.6667em | 66.67% |
11px | 0.7333em | 73.33% |
12px | 0.8000em | 80.00% |
13px | 0.8667em | 86.67% |
14px | 0.9333em | 93.33% |
15px | 1.0000em | 100.00% |
16px | 1.0667em | 106.67% |
17px | 1.1333em | 113.33% |
18px | 1.2000em | 120.00% |
19px | 1.2667em | 126.67% |
20px | 1.3333em | 133.33% |
21px | 1.4000em | 140.00% |
22px | 1.4667em | 146.67% |
23px | 1.5333em | 153.33% |
24px | 1.6000em | 160.00% |
25px | 1.6667em | 166.67% |