1.8 rem equals 28.8 px.
This conversion assumes the base font size is 16 pixels, which is the standard default in most web browsers. Multiplying the rem value by 16 gives the equivalent pixel size, so 1.8 rem is 1.8 times 16 pixels.
Conversion Tool
Result in px:
Conversion Formula
The formula to convert rem to pixels is:
pixels = rem × base font size
Here, the base font size is assumed to be 16px because most browsers set 16px as the default root font size. The rem unit is relative to this root font size.
For example, to calculate 1.8 rem to px:
- Start with the rem value: 1.8
- Multiply by base font size: 1.8 × 16 = 28.8
- So, 1.8 rem equals 28.8 pixels.
Conversion Example
- 2.5 rem to px:
- 2.5 × 16 = 40
- Result: 40 px
- 0.75 rem to px:
- 0.75 × 16 = 12
- Result: 12 px
- 3.3 rem to px:
- 3.3 × 16 = 52.8
- Result: 52.8 px
- 1 rem to px:
- 1 × 16 = 16
- Result: 16 px
- 4.2 rem to px:
- 4.2 × 16 = 67.2
- Result: 67.2 px
Conversion Chart
This chart shows rem values from -23.2 up to 26.8 converted to pixels. Negative rem values correspond to negative pixel values, which might be used in specialized CSS scenarios like offsetting or animations. You can find the pixel equivalent by multiplying the rem value by 16.
| Rem Value | Pixels (px) |
|---|---|
| -23.2 | -371.2 |
| -20.0 | -320.0 |
| -15.5 | -248.0 |
| -10.8 | -172.8 |
| -5.4 | -86.4 |
| -1.0 | -16.0 |
| 0 | 0 |
| 1.2 | 19.2 |
| 5.5 | 88.0 |
| 9.9 | 158.4 |
| 13.3 | 212.8 |
| 18.7 | 299.2 |
| 22.4 | 358.4 |
| 26.8 | 428.8 |
Related Conversion Questions
- How many pixels does 1.8 rem equal if the base font size is 16px?
- What is the px value for 1.8 rem in CSS?
- How to convert 1.8 rem to pixels for responsive design?
- Is 1.8 rem always the same as 28.8 px?
- What changes if the root font size is not 16px when converting 1.8 rem?
- How does browser zoom affect the px value of 1.8 rem?
- Can 1.8 rem be converted to px for mobile devices?
Conversion Definitions
rem: The rem unit stands for “root em” and represents a font size relative to the root element’s font size in CSS. Unlike em units, rem always uses the root font size, allowing consistent scaling across the entire webpage regardless of nested elements.
px: Pixels (px) are absolute units representing individual dots on a computer screen or device display. They provide a fixed measurement used for precise sizing in digital design, often independent of user settings or zoom levels, but can vary across devices with different pixel densities.
Conversion FAQs
Does the base font size affect rem to px conversion?
Yes, rem is relative to the root font size defined in CSS, usually set on the <html> element. If the base font size changes from 16px to another value, the rem to px conversion changes proportionally. For example, if base is 20px, then 1.8 rem equals 36 px.
Can I use rem units for spacing, not just fonts?
Absolutely, rem units apply to any CSS property accepting length units, including margins, paddings, widths, and heights. Using rem ensures spacing scales with user settings or root font size adjustments, making layouts more flexible and accessible.
Why might 1.8 rem not equal 28.8 px on some websites?
This can happen if the website changes the root font size using CSS or browser zoom modifies the scale. Also, different browsers or user settings might override default font sizes, causing the rem calculation to produce different pixel values.
Is rem better than px for responsive design?
Rem units are often preferred because they scale with the root font size, allowing easier adjustments for different devices or user preferences. Pixels are fixed, making layouts less flexible when resizing or zooming happens.
How do negative rem values convert to pixels?
Negative rem values simply multiply by the base font size producing negative pixel values. Though unusual, they might be used for offsetting elements or animations in CSS to produce movement or positioning effects in the opposite direction.