Skip to content
Toolspire

CSS Tools

Rem to Px Converter

Rem to Px Converter is part of Toolspire and is ready as soon as this page loads. The root font size is an input because browsers and resets do not all use 16. If your html rule sets 10 px, type 10 or the pixels will be wrong.

Runs in this tabFreeNo account

On this page

What you can do here

Root is a box

16 is the sample, not a hard-coded browser.

The inverse is named

The detail points at the division the other page does.

Fractional rem is allowed

1.5 is the check, not only whole rem.

The sequence

How to use the Rem to Px Converter

  1. 1

    Read the html font-size

    If you did not set it, 16 is the usual browser default.

  2. 2

    Check 24

    1.5 times 16.

  3. 3

    Use px-to-rem to go backwards

    Do not divide in your head and then also divide here.

Worth knowing

  • Rem to Px Converter on Toolspire: pixels = rem × root font size.
  • 1.5 × 16 = 24 px.
  • A root of 10 makes 1.5 rem equal 15 px. The root is not assumed.
  • The px-to-rem converter does the division. 24 px at root 16 is 1.5 rem.

Rem is a multiple of the root

One rem equals the font size of the root element. At 16 px, 1.5 rem is 24 px. At a 10 px root, which some resets use so that 1.6 rem is 16 px, the same 1.5 rem is 15 px. The page multiplies the two numbers you type. It does not read your stylesheet. The px-to-rem page is the same relationship run backwards.

FAQ

Questions about Rem to Px Converter

Where does Rem to Px Converter run?

Rem to Px Converter runs in this tab on Toolspire. What you type or drop in is not sent to us and is not stored on a server.

What is 1.5 rem at a 16 px root?

24 px.

What if the root is 10 px?

1.5 rem is 15 px. Type 10.

Is 16 always the browser default?

It is the usual default when html has no font-size. A reset can change it.

How do I convert px to rem?

Use the px-to-rem page, or divide the pixels by the same root.

Keep going

Related tools

PX to REM ConverterNewPX to REM Converter on Toolspire. Convert pixels to rem and rem back to pixels using your root font size. No account is required.CSS ToolsVh to Px CalculatorNewTurn a vh length into pixels for a viewport you name. 50 vh of an 800 px tall viewport is 400 px. The maths stays on your device.CSS ToolsCSS Clamp CalculatorNewBuild a CSS clamp() for a size that scales between two viewports, with a minimum and a maximum in pixels. The maths stays on your device.CSS ToolsCSS Glassmorphism GeneratorNewCSS Glassmorphism Generator on Toolspire: Glassmorphism generator: design frosted glass with blur, tint, border and grain, check text contrast live.CSS ToolsCSS Neumorphism GeneratorNewCSS Neumorphism Generator on Toolspire: Neumorphism generator: soft UI box-shadows from any colour and light angle, with contrast checks, pressed states.CSS ToolsBento Grid GeneratorNewBento Grid Generator on Toolspire: Draw tiles with the mouse, preview desktop, tablet and phone, and copy responsive CSS Grid, Tailwind or React code.CSS Tools

Open the full directory

Last updated Report a problem or suggest a feature