TTULAKITO
Designer

PX to REM Converter

Convert pixel values to rem units using a configurable base size.

All tools

Convert

24px = 1.5000rem
Base size: 16px

Frequently asked questions

When should I use rem instead of px?
Use rem for font sizes, spacing, and layout so the entire UI scales when a user changes their browser's default font size. Reserve px for hairline borders, shadows, and other details that shouldn't scale.
What base font size should I use for rem calculations?
Most projects keep the browser default of 16px, so 1rem = 16px. Avoid setting html { font-size: 62.5% } as a 10px shortcut, since it overrides user preferences.
What's the difference between rem and em?
rem is always relative to the root html font size, while em is relative to the current element's font size. em compounds when nested, which makes it useful for padding inside components but unpredictable for global spacing.