Code & web

px to rem converter

Convert pixels to rem (and back) for accessible CSS.

Embed this calculator on your website

Copy this code and paste it into your page (WordPress, Wix, Webflow, HTML…). It's free: please keep the link to HOD Calc.

How it works

rem = px / base size (16 px by default in browsers). rem respects the user's text-size setting.

Results are for guidance only and do not replace professional advice.

Worked example

With the default values:

  • Value24
  • From unitpx
  • Base font size (px)16

you get:

  • In rem1.5 rem
  • In em (same base)1.5 em
  • In points (pt)18 pt
  • As %150 %

Frequently asked questions

How does the “px to rem converter” tool work?

rem = px / base size (16 px by default in browsers). rem respects the user's text-size setting.

What do I need to enter?

Just fill in: value, from unit, base font size. The result updates as you type.

Can you give an example?

Value: 24; From unit: px; Base font size (px): 16 → In rem: 1.5 rem; In em (same base): 1.5 em.

Is this calculator free, and is my data private?

Yes. HOD Calc is completely free with no sign-up. The calculation runs in your browser: nothing you type is sent or stored.