⭐ 0
🔍
Text Image PDF & Docs Audio Music Electronics Time Utilities Validators Esoteric Games

PX to REM Converter with 10px Base

Convert px to rem, rem to px and px to em at any base font size, with a copy-ready CSS line and a live reference table.

Processing... 0%

Result

This page opens the converter with the base font size preset to 10px. That is the classic html { font-size: 62.5% } setup: 62.5% of the 16px browser default is exactly 10px, so rem values become trivially readable — 14px is 1.4rem, 18px is 1.8rem, 24px is 2.4rem.

Teams adopt the 10px base precisely to avoid awkward sixteenths: instead of remembering that 14px is 0.875rem, you just move the decimal point. Because the trick uses a percentage rather than a fixed pixel value, it still respects the font size a user sets in browser preferences, which is the whole accessibility argument for rem units in the first place.

Type any pixel value to get its rem equivalent at the 10px base together with a copy-ready CSS line, and check the reference table below for the whole 1–64 px scale already converted. If your project uses a different root size, change the base field and everything follows live.

🛡️
Executed in Browser

Your files and inputs never leave this device. Processing runs completely offline. 100% Secure.

Accepted Formats & Rules

  • Three directions in one selector: px → rem, rem → px and px → em.
  • Adjustable base font size (16px by default) applied to the result and every table row.
  • Reference table for common sizes from 1 to 64 px, recalculated for the current base with the base row highlighted.

Key Benefits

✓ The converted value, the CSS line and the reference table update live as you type — no button to press.
✓ The base font size is adjustable, so 10px-base projects and custom typographic scales work just as well as the 16px default.
✓ Runs entirely in your browser: nothing is uploaded, and the copy-ready CSS line is one click away.

Use Cases

  • • Turn a pixel value from a design mockup into the rem the stylesheet needs.
  • • Convert rem values from someone else's CSS back into pixels to match a spec.
  • • Rework a whole typographic scale after switching to the 10px (62.5%) root font size.