PX to REM Converter
Convert pixel values to rem units with a customizable root font size.
PX
1rem
Root Base Size:
Evaluated as px
px / rootFontSize = remAbout this tool
The PX to REM Converter translates pixel values into rem units for responsive, accessible CSS. Set your root font size (usually 16px), enter any pixel value, and get the rem equivalent instantly — along with a full conversion table for common sizes.
Using rem instead of px respects the user's browser font-size settings, which matters for accessibility. This tool is handy when converting a px-based design mockup into a fluid, scalable stylesheet.
How to use
- 1Enter a pixel value in the Source Pixels field.
- 2Adjust the root base size if your project doesn't use the 16px default.
- 3Read the converted rem value in the result panel.
- 4Copy it straight into your CSS.
Frequently asked questions
Rem units scale with the root font size, so layouts adapt when users change their browser's default text size. Pixel values stay fixed, which can break accessibility for users who need larger text.