Convert pixels to rem units instantly with this free CSS converter. Adjust the base font size and watch the px to rem conversion update in real time now.
| Unit | Value | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Enter a pixel value to convert it to rem units. The conversion divides your pixel value by the root font size (default 16px). This is the most common CSS unit conversion for modern web development.
| Pixels | Rem (16px base) | Rem (14px base) | Use Case |
|---|---|---|---|
| 12px | 0.75rem | 0.857rem | Small text |
| 14px | 0.875rem | 1rem | Body text |
| 16px | 1rem | 1.143rem | Base font size |
| 18px | 1.125rem | 1.286rem | Heading text |
| 24px | 1.5rem | 1.714rem | H3 headings |
| 32px | 2rem | 2.286rem | H2 headings |
| 48px | 3rem | 3.429rem | H1 headings |
A design spec calls for 24px padding with a 16px root font size. Divide 24 by 16 to get 1.5rem. If your root font size is 14px, divide 24 by 14 to get approximately 1.714rem.
For more conversions, see the full CSS Units Converter or try Rem to Px.
Nothing you paste leaves this tab. Every tool runs entirely in your browser β no upload, no server, no account.