DevBentoRem to Px Converter
Convert rem to pixels instantly with this free CSS rem to px converter. Set your base font size for accurate results. Includes common rem-to-px values.
÷base
Viewport settings
| 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 |
Related Tools
📐CSS Units Converter
Convert between CSS units instantly: px, rem, em, vw, vh, pt, cm, mm, and more. Set your base font size and viewport dimensions for accurate conversions.
📐Unit Converter
Convert between length, weight, temperature, speed, area, volume, data, and time units instantly. Metric, imperial, and more. No server, no signup.
Convert Rem to Pixels
Enter a rem value to convert it to pixels. The conversion multiplies your rem value by the root font size (default 16px). Use this when you need to understand the actual pixel output of relative CSS units.
Common Rem to Pixel Values
| Rem | Pixels (16px base) | Pixels (14px base) | Context |
|---|---|---|---|
| 0.5rem | 8px | 7px | Small spacing |
| 0.75rem | 12px | 10.5px | Small text |
| 0.875rem | 14px | 12.25px | Body text (some frameworks) |
| 1rem | 16px | 14px | Base font size |
| 1.25rem | 20px | 17.5px | Large body text |
| 1.5rem | 24px | 21px | H3 / section headings |
| 2rem | 32px | 28px | H2 headings |
| 3rem | 48px | 42px | H1 headings |
How to Use
- The tool opens with 1rem pre-filled, converting to 16px
- Type any rem value in the input field
- Adjust the base font size if your project uses something other than 16px
- Copy the pixel value from the results table
Real-World Example
You see font-size: 1.25rem in the computed styles and need to know the actual pixel size. With a 16px root font size, multiply 1.25 × 16 = 20px. If your framework uses 14px base, it would be 1.25 × 14 = 17.5px.
For more conversions, see the full CSS Units Converter or try Px to Rem.
🔒
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.