Font size

Px

px

Rem

rem

Pixel (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Rem (rem): The 'rem' unit is based upon the font-size value of the root element, which is the element. And if the element doesn’t have a specified font-size, the browser default value of 16px is used. So here only the value of the root is considered, and there is no relation with a parent element.

PxRem
1px0.0625rem
2px0.125rem
4px0.25rem
8px0.5rem
10px0.625rem
12px0.75rem
14px0.875rem
PxRem
16px1rem
18px1.125rem
20px1.25rem
24px1.5rem
32px2rem
64px4rem
72px4.5rem

Preview

Enter your text here (max font-size - 72px)

                     p {
                       font-size: 16px;
                       font-family: 'Lato', sans-serif;
                       font-weight: 500;
                       line-height: 16px;
                       font-variant: normal;
                       font-style: normal;
                       font-stretch: normal;
                       color: #fff;
                      }

Your text

Font size

Px

px

Em

em

Pixel (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Em (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.

PxEm
1px0.0625em
2px0.125em
4px0.25em
8px0.5em
10px0.625em
12px0.75em
14px0.875em
PxEm
16px1em
18px1.125em
20px1.25em
24px1.5em
32px2em
64px4em
72px4.5em

Preview

Enter your text here (max font-size - 72px)

                     p {
                       font-size: 16px;
                       font-family: 'Lato', sans-serif;
                       font-weight: 500;
                       line-height: 16px;
                       font-variant: normal;
                       font-style: normal;
                       font-stretch: normal;
                       color: #fff;
                      }

Your text

Font size

Px

px

Percent

%

Pixel (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Percent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 16px or 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.

PxPercent
1px6.25%
2px12.5%
4px25%
8px50%
10px62.5%
12px75%
14px87.5%
PxPercent
16px100%
18px112.5%
20px125%
24px150%
32px200%
64px400%
72px450%

Preview

Enter your text here (max font-size - 72px)

                     p {
                       font-size: 16px;
                       font-family: 'Lato', sans-serif;
                       font-weight: 500;
                       line-height: 16px;
                       font-variant: normal;
                       font-style: normal;
                       font-stretch: normal;
                       color: #fff;
                      }

Your text

Font size

Px

px

Pt

pt

Pixel (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Pt (pt): Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1/72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.

PxPt
1px0.75pt
2px1.5pt
4px3pt
8px6pt
10px7.5pt
12px9pt
14px10.5pt
PxPt
16px12pt
18px13.5pt
20px15pt
24px18pt
32px24pt
64px48pt
72px54pt

Preview

Enter your text here (max font-size - 72px)

                     p {
                       font-size: 16px;
                       font-family: 'Lato', sans-serif;
                       font-weight: 500;
                       line-height: 16px;
                       font-variant: normal;
                       font-style: normal;
                       font-stretch: normal;
                       color: #fff;
                      }

Your text

Font size

Px

px

Centimeter

cm

Pixel (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Centimeter (rem): The 'rem' unit is based upon the font-size value of the root element, which is the element. And if the element doesn’t have a specified font-size, the browser default value of 16px is used. So here only the value of the root is considered, and there is no relation with a parent element.

PxCentimeter
1px0.026458cm
2px0.052916cm
4px0.105833cm
8px0.211666cm
10px0.264583cm
12px0.3175cm
14px0.370416cm
PxCentimeter
16px0.423333cm
18px0.370416cm
20px0.529166cm
24px0.635cm
32px0.846666cm
64px1.693333cm
72px1.905cm

Preview

Enter your text here (max font-size - 72px)

                     p {
                       font-size: 16px;
                       font-family: 'Lato', sans-serif;
                       font-weight: 500;
                       line-height: 16px;
                       font-variant: normal;
                       font-style: normal;
                       font-stretch: normal;
                       color: #fff;
                      }

Your text

Application usage

  1. In order to use the application which convert pixels to other units of measurement, just enter the desired number in the text window with the heading Px;
  2. You can also click on any number in the table, and it will be automatically applied;
  3. Unit sizes changes automatically displayed in the column with the heading PREVIEW;
  4. The text window displays text that can be changed, below the text window there are several selectors with which you can select and apply yours styles;
  5. In order to see the CSS code with the added styles, press the SHOW CODE button in the text window next to the text.