Pixel to REM / EM Converter
Convert between pixels, REM, and EM units. Set your root font size (default 16px) and convert values for responsive CSS.
REM
1rem
EM
1em
Common Conversions (based on 16px)
Why Convert Pixels to REM or EM
REM and EM units let interfaces scale with the user's browser font size, which improves accessibility. If your design uses a base font size of 16px, you can convert any pixel value into a relative unit without guessing. This calculator does the division for you and shows the result in a copy-friendly format.
How to Use the Result
- Convert spacing and typography values into REM for a consistent scale
- Use EM for component-level sizing when you want it to inherit the parent
- Keep a base size of 16px unless your project defines another root size
What is the difference between REM and EM?
REM is relative to the root font size; EM is relative to the current element's font size. They behave differently inside nested components.