Pixel to REM Converter

Summary

Enter a pixel or REM value and get the equivalent instantly. Adjust the root font size to match your project.

How it works

1. Enter a pixel value in the "Pixels (px)" field to get the REM equivalent.
2. Or enter a REM value in the "REM" field to convert back to pixels.
3. Adjust the "Root Font Size" if your project uses a base other than 16px.
4. The formula updates in real time to show the exact calculation.
5. Click any row in the reference table to load that value into the converter.
6. Click "Clear" to reset all fields.

Use cases

• Convert design mockup pixel measurements to REM values for accessible CSS.
• Verify existing REM values against their pixel equivalents during a code review.
• Scale a design system to a non-standard root font size (e.g. 10px or 18px).
• Quickly generate a reference table of common pixel-to-REM mappings.
• Ensure font sizes, spacing, and layout values are consistent in a CSS codebase.

Frequently Asked Questions