Convert Pixel to REM.
Input the value of pixels below to convert instantly to rem with standard conversions, definitions, and equations.
About converting pixels to rem
Pixels to rem is the responsive-design conversion front-end developers use to build layouts that scale with the user's chosen font size.
By default a browser's root font size is 16 px, so 1 rem equals 16 px. To convert pixels to rem you divide by 16: 16 px is 1 rem, 24 px is 1.5 rem, and 32 px is 2 rem.
The reason to use rem instead of fixed pixels is accessibility. Because rem is relative to the root font size, a user who increases their browser's default text size sees the whole layout scale proportionally — something hard-coded pixel values ignore. Sizing in rem is a core technique for inclusive, zoomable interfaces.
- Default math: px ÷ 16 = rem. If your root font-size differs, divide by that value instead.
- Keep a base scale in mind: 16 px = 1 rem, 8 px = 0.5 rem, 12 px = 0.75 rem.
How to Convert Pixels to REM
To convert pixel to rem, we use the official conversion formulas. Below is the mathematical formula, plain-English explanation, and a worked example.
Pixel (px)
The core unit of screen measurements. Represented as 1/96 of an inch.
REM (rem)
Font size of the root element (assumed to be 16px by default).
Pixel to REM Conversion Table
| Pixel (px) | REM (rem) |
|---|---|
| 1 px | 0.0625 rem |
| 2 px | 0.125 rem |
| 3 px | 0.1875 rem |
| 5 px | 0.3125 rem |
| 10 px | 0.625 rem |
| 15 px | 0.9375 rem |
| 20 px | 1.25 rem |
| 25 px | 1.5625 rem |
| 50 px | 3.125 rem |
| 100 px | 6.25 rem |
| 250 px | 15.625 rem |
| 500 px | 31.25 rem |
| 1000 px | 62.5 rem |
REM to Pixel Conversion Table
| REM (rem) | Pixel (px) |
|---|---|
| 1 rem | 16 px |
| 2 rem | 32 px |
| 3 rem | 48 px |
| 5 rem | 80 px |
| 10 rem | 160 px |
| 15 rem | 240 px |
| 20 rem | 320 px |
| 25 rem | 400 px |
| 50 rem | 800 px |
| 100 rem | 1600 px |
| 250 rem | 4000 px |
| 500 rem | 8000 px |
| 1000 rem | 16000 px |