Skip to tool content
Toolioz logoToolioz

PX to REM Converter

A px to rem converter divides pixels by the root font size. The default root is 16 px. em uses the same division when the parent is the root. A table of common spacing values sits beside the fields.

Quick Summary & Direct Answer
DevTools

How many rem is 24 px at a 16 px root?

24 / 16 = 1.5 rem. 1 rem is 16 px. Changing the root to 10 px makes 24 px equal 2.4 rem. The table lists 1–96 px at the typed root.

Key Takeaways

  • rem = px / root.
  • em equals rem only when the parent font-size is the root.
  • html { font-size: 62.5% } is a 10 px root.

24 px

1.5 rem

1.5 rem24 px
pxrem
10.0625
20.125
40.25
80.5
100.625
120.75
140.875
161
181.125
201.25
241.5
281.75
322
362.25
402.5
483
563.5
644
724.5
805
966

Results can be wrong. This calculator is unofficial. Figures can be incomplete, rounded, or not updated. Use them at your own risk and check a tape, datasheet, ball band, or official chart before cutting, mixing, buying, or publishing. Limits of liability are in the terms of service.

Frequently asked questions

Only if the root is 16 px, the browser default.

Explore Related Tools

CSS Clamp Generator

Builds clamp() fluid type and spacing, with a modular type-scale tab.

Try tool

Tailwind Color Generator

Builds 50–950 OKLCH shades and Tailwind v4 @theme tokens from a seed hex.

Try tool

Unit Converter

Convert length, mass, temperature, and binary data units.

Try tool

Publisher notes · reviewed 29 October 2026

rem is pixels divided by the root

Default root 16 px. 24 px is 1.5 rem. A 10 px root (html 62.5%) makes 24 px equal 2.4 rem. Nested em is not modelled.

Why a table

Spacing scales 4, 8, 12, 16… are easier to scan than a single field.

Worked examples

  • 32 px at 16

    2 rem.

Limits of this page

  • em equals rem only when the parent is the root.
  • Viewport units belong on the clamp generator.

Sources