Convert REM to PX easily with this free tool. REM is a font-relative unit in CSS, where 1REM equals the root font size set on the <html> element.
Follow these simple steps to convert REM to Pixels (PX):
REM (Root EM) is based on the root font-size. Converting it to pixels (PX) depends on the font-size set on the <html> element.
If the root font-size is defined as 16px in CSS:
html {
font-size: 16px;
}
Then, 1rem = 16px.
To manually convert REM to Pixel, use the following formula:
| PX | REM |
|---|---|
| 4px | 0.25rem |
| 8px | 0.5rem |
| 12px | 0.75rem |
| 16px | 1rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 64px | 4rem |
| 96px | 6rem |
| 128px | 8rem |
| 160px | 10rem |
| 176px | 11rem |
| 192px | 12rem |
| 208px | 13rem |
| 224px | 14rem |
| 256px | 16rem |
| 320px | 20rem |
| 480px | 30rem |
| 576px | 36rem |
| 768px | 48rem |
| 800px | 50rem |
| 960px | 60rem |
| 992px | 62rem |
| 1024px | 64rem |
| 1120px | 70rem |
| 1200px | 75rem |
| 1280px | 80rem |
| 1440px | 90rem |
| 1600px | 100rem |