DEV Community

TateLyman
TateLyman

Posted on

PX to REM Converter Every CSS Developer Needs

If you use rem units in CSS (and you should), you probably do the same mental math every time: "16px base... so 24px is... 1.5rem?"

I built a converter that does it instantly.

Features

  • Convert px to rem, em, pt, vw, vh, and percentage
  • Adjustable base font size (default 16px)
  • Common sizes reference table with use cases
  • Click any result to copy
  • Dark theme

Quick Reference

PX REM (base 16) Use
12px 0.750rem Small text
14px 0.875rem Small text
16px 1.000rem Body (default)
18px 1.125rem Large text
24px 1.500rem Heading
32px 2.000rem Heading
48px 3.000rem Display

PX to REM Converter

No signup, instant results.

More CSS tools:

Full toolkit (275+ tools): DevTools Site

Top comments (0)