Ink·tab
←all tools

px · rem · em · pt converter

Translate design-tool px into rem, or newsletter pt into px — both ways at once.

  • px
  • rem
  • em
  • pt
  • pc
  • %

Type into any unit — others sync. Click to copy. · Everything happens in your browser. Nothing is uploaded.

When to use it

Translating Figma pixels into rem, converting designer-supplied pt into px, or checking how big an em really is given a parent's font size.

The units

  • px — the absolute anchor. Every conversion routes through px.
  • rem — relative to the root (<html>) font size, adjustable above.
  • em — relative to the parent font size, adjustable above.
  • pt — 1pt = 1/72in = 96/72px ≈ 1.333px (CSS standard).
  • pc — 1pc = 12pt.
  • % — proportion of the parent font size (em × 100).

Sync behavior

Type into any unit; the others update immediately. Changing the root or parent font size only affects rem, em, and %. The absolute units (px, pt, pc) stay put.

Gotchas

  • The html { font-size: 62.5% } trick — sets the root to 10px so 1rem = 10px. Set "Root font size" to 10 above to mirror that scheme exactly.
  • Email clients — some strip rem entirely. Stick to pt or px in email templates.

Where does your input go?

All CSS unit math happens in this page. Your values are never sent or stored. Close the tab and they're gone.