How to Convert Pixels to REM
Convert pixel values to REM units instantly. Free PX to REM calculator with customizable base font size, bulk conversion table, and CSS output for responsive design.
Open PX ↔ REM Converter →Step-by-Step Guide
Enter your pixel value
Type the pixel value you want to convert — for example 16, 24, or 48. You can also enter a REM value to convert back to pixels. The tool supports decimal values for precise conversions.
Set the base font size
The default base is 16px (the browser default for html font-size). If your project uses a different base, adjust it accordingly. For example, with a 10px base (62.5% trick), 1rem = 10px instead of 16px.
Get the REM result
See the converted value instantly. For 16px base: 24px = 1.5rem, 32px = 2rem, 48px = 3rem. The tool also generates the CSS declaration you can copy directly into your stylesheet.
Use the conversion table
Browse the quick reference table showing common pixel values and their REM equivalents. This is useful when establishing spacing scales, typography sizes, or converting an entire design system from pixels to REMs.
Try It Now — Free
No signup, no download. Runs entirely in your browser.
Open PX ↔ REM Converter