How to use it
- 1
Enter the root font size.
- 2
Enter a px or rem value.
- 3
Read the equivalent value in the other unit.
What the tool can do
- px divided by root size equals rem.
- rem multiplied by root size equals px.
- Decimal numeric values.
Common use cases
- Translating design dimensions into relative CSS units.
- Checking a value with a non-default root font size.
- Converting rem back to pixels for comparison with a design.
How it works inside
1rem equals the computed font size of the root html element.
16 px is common but is not mandatory for every project.
Questions and answers
Why is 16 px often equal to 1rem?
Many browsers use 16 px as the default root font size unless the site or user changes it.
How does rem differ from em?
rem is based on the root font size, while em usually depends on the current or parent font-size context.
