PX to REM converter.

Turn pixel values from a design into rem for your CSS, at the root font size you use. Type in either field; the table lists the common sizes.

Pixels to REM at 16 px
pxrem
8px0.5rem
10px0.625rem
12px0.75rem
14px0.875rem
16px1rem
18px1.125rem
20px1.25rem
24px1.5rem
28px1.75rem
32px2rem
36px2.25rem
40px2.5rem
48px3rem
56px3.5rem
64px4rem
72px4.5rem
80px5rem
96px6rem

Free tool, no warranty, no liability. The result is produced automatically by a free tool from transjt.ai, nothing more. It can be incomplete or wrong. transjt.ai gives no warranty and accepts no liability for decisions or changes based on it; check every result before you use it.

How it works

PX to REM in three steps.

  1. 01

    Set the root font size

    16 px unless your site changes the font size of html.

  2. 02

    Type the pixels

    The rem value follows as you type; it works the other way round too.

  3. 03

    Copy the value

    Ready to paste into your CSS, such as 1.5rem.

  4. Try it with your build.

    Design your website today, launch tomorrow.

    Start for FreeBook a demo
FAQ

Questions and answers.

What people ask before they convert.

Book a demo
  • Divide the pixels by the root font size: rem = px ÷ root font size. At the browser default of 16 px, 24 px is 24 ÷ 16 = 1.5rem.

  • A CSS length relative to the font size of the root element, html. Browsers set it to 16 px unless the site or the reader changes it.

  • Sizes in rem grow with the reader’s font size setting, so text and spacing stay readable for people who need larger type. Pixel sizes stay fixed.

  • It sets the root to 10 px so that 1rem equals 10 px and the maths is easier. Set the root font size above to 10 to convert for such a site.

  • Yes, with no sign-up and no limits.

Design your website today, launch tomorrow.

At transjt, every second counts. That’s why our mission is simple: save you time and remove friction from your workflow.