PX to REM Converter
Calculate REM values from pixels based on your root font size
Safe conversion with no data sent to server
Reference Table
| Pixels (px) | Rem | Em |
|---|---|---|
| 1px | 0.0625rem | 0.0625em |
| 2px | 0.125rem | 0.125em |
| 4px | 0.25rem | 0.25em |
| 8px | 0.5rem | 0.5em |
| 10px | 0.625rem | 0.625em |
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 20px | 1.25rem | 1.25em |
| 24px | 1.5rem | 1.5em |
| 32px | 2rem | 2em |
| 48px | 3rem | 3em |
| 64px | 4rem | 4em |
What is REM in CSS?
REM stands for "Root Em". It is a relative unit of measurement that bases its value on the root element of the HTML document (the `<html>` tag). By default, most browsers set the root font size to 16px. So, if your root font size is 16px, 1rem is equal to 16px.
Why Use REM Instead of PX?
Using REM units helps you build highly accessible and responsive designs. If a user changes their browser's default font size (for readability reasons), your entire layout will scale proportionally because elements dimensioned in REM scale with the root element, whereas elements dimensioned in PX do not.
How to Convert PX to REM Manually
The formula is simple: REM = PX ÷ Base Font Size. Conversely, to find Pixels from REM: PX = REM × Base Font Size.