rem to Pixels Converter

Summary

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

How it works

1. Set the root font size (default 16px) to match your project's html element.
2. Enter a rem value in the input field.
3. The pixel result appears instantly below the input.
4. Click "Copy" to copy the px value to your clipboard.
5. Use the bulk converter to convert multiple rem values at once.
6. Click any row in the reference table to load that rem value.

Use cases

• Convert design token rem values to pixels when inspecting layouts.
• Verify that a component's rem-based spacing equals the expected pixel measurement.
• Calculate pixel equivalents for a project using a 10px or 62.5% root font size.
• Bulk-convert a list of rem values from a design file to pixels.
• Cross-check CSS output from preprocessors that use rem units.
• Debug font-size or spacing discrepancies between design and code.

Frequently Asked Questions