PX to REM
Convert px to rem and back with a configurable root font size, plus a reference table of common pixel values in rem.
Processed locally in your browser — nothing is uploaded.
The html element's font-size (browser default is 16).
Common values at 16px root
| px | rem |
|---|---|
| 4 | 0.25 |
| 6 | 0.375 |
| 8 | 0.5 |
| 10 | 0.625 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 28 | 1.75 |
| 32 | 2 |
| 36 | 2.25 |
| 40 | 2.5 |
| 48 | 3 |
| 56 | 3.5 |
| 64 | 4 |
About PX to REM
Type a pixel value to see it in rem, or a rem value to see it in pixels — both fields stay linked. The root font size defaults to the browser standard of 16 px but is fully configurable for projects that change the html font-size.
Below the converter, a reference table lists common spacing and type sizes (4 px through 64 px) in rem at your chosen root, handy while translating a pixel-based design into rem-based CSS.
Common uses
- Convert a designer's pixel spec into rem units
- Check what 1.25rem means in pixels on a 10 px root
- Keep a rem cheat sheet open while writing CSS
Example
Input
24 px at a 16 px root
Output
1.5 rem