PX to REM Converter
// Convert pixel values to REM units
| Pixels | REM |
|---|---|
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 48px | 3rem |
| 64px | 4rem |
#About PX to REM Converter
Free online PX to REM converter. Convert CSS pixel values to REM units based on a configurable root font size. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
#FAQ
What is the difference between PX and REM in CSS? ▾
PX (pixels) is an absolute unit that stays the same size regardless of user settings, while REM is relative to the root element font size. Using REM allows your layout to scale proportionally when users change their browser font size.
How do I convert pixels to REM? ▾
Divide the pixel value by the root font size (typically 16px). For example, 24px equals 1.5rem when the root font size is 16px. This tool handles the calculation automatically for any base size you configure.
</> Embed this tool ▾
Copy this code to embed the tool on your website. Adjust the height to fit your layout.
<iframe src="https://www.browserutils.dev/embed/px-to-rem-converter" width="100%" height="500" frameborder="0" title="PX to REM Converter"></iframe>