8 rem equals 128 pixels (px).
The conversion from rem to pixels depends on the root font size of the document, which is most commonly 16 pixels by default. So multiplying 8 rem by 16 pixels results in 128 pixels. This is because 1 rem equals the font size set on the root element (html).
Conversion Tool
Result in px:
Conversion Formula
The formula to convert rem to pixels is:
pixels = rem × root font size (in pixels)
Usually, browsers set the root font size to 16 pixels by default, so 1 rem equals 16 px.
Why this works: rem stands for ‘root em’, which means the size relative to the root element’s font size. Multiplying rem by that base font size gives the equivalent pixel value.
Example calculation for 8 rem:
- Start with 8 rem
- Default root font size = 16 px
- Multiply: 8 × 16 = 128 px
Conversion Example
- Convert 5 rem to pixels:
- 5 rem × 16 px (root size) = 80 px
- Convert 2.5 rem to pixels:
- 2.5 × 16 = 40 px
- Convert 10 rem to pixels:
- 10 × 16 = 160 px
- Convert 0.75 rem to pixels:
- 0.75 × 16 = 12 px
Conversion Chart
| Rem | Pixels (px) |
|---|---|
| -17.0 | -272.0 |
| -16.0 | -256.0 |
| -15.0 | -240.0 |
| -14.0 | -224.0 |
| -13.0 | -208.0 |
| -12.0 | -192.0 |
| -11.0 | -176.0 |
| -10.0 | -160.0 |
| -9.0 | -144.0 |
| -8.0 | -128.0 |
| -7.0 | -112.0 |
| -6.0 | -96.0 |
| -5.0 | -80.0 |
| -4.0 | -64.0 |
| -3.0 | -48.0 |
| -2.0 | -32.0 |
| -1.0 | -16.0 |
| 0.0 | 0.0 |
| 1.0 | 16.0 |
| 2.0 | 32.0 |
| 3.0 | 48.0 |
| 4.0 | 64.0 |
| 5.0 | 80.0 |
| 6.0 | 96.0 |
| 7.0 | 112.0 |
| 8.0 | 128.0 |
| 9.0 | 144.0 |
| 10.0 | 160.0 |
| 11.0 | 176.0 |
| 12.0 | 192.0 |
| 13.0 | 208.0 |
| 14.0 | 224.0 |
| 15.0 | 240.0 |
| 16.0 | 256.0 |
| 17.0 | 272.0 |
| 18.0 | 288.0 |
| 19.0 | 304.0 |
| 20.0 | 320.0 |
| 21.0 | 336.0 |
| 22.0 | 352.0 |
| 23.0 | 368.0 |
| 24.0 | 384.0 |
| 25.0 | 400.0 |
| 26.0 | 416.0 |
| 27.0 | 432.0 |
| 28.0 | 448.0 |
| 29.0 | 464.0 |
| 30.0 | 480.0 |
| 31.0 | 496.0 |
| 32.0 | 512.0 |
| 33.0 | 528.0 |
The chart shows rem values in the left column, and their equivalent pixel values on the right. To find the pixel value for any rem unit, locate the rem in the first column and check the corresponding pixel value. Negative rem values convert to negative pixels, which could be used in some CSS positioning cases.
Related Conversion Questions
- How many pixels are 8 rem when the root font size changed to 18px?
- Is 8 rem equal to 128 pixels on all browsers?
- What happens to 8 rem if the root font size is smaller than 16px?
- How to convert 8 rem to px in CSS with a different base font size?
- Does 8 rem always equal 128 px if I zoom in the browser?
- Why does 8 rem not equal 128 px on my webpage?
- Can 8 rem be converted to pixels if the root font size is dynamic?
Conversion Definitions
rem: A CSS unit measuring font size relative to the root element’s font size. It stands for “root em” and provides consistency in sizing across the page, unaffected by parent elements. Changes to the root font size directly affect the rem scale across the document.
px: A pixel is a fixed unit representing a single dot on the screen. Pixels are absolute units used in screen-based media to specify sizes like font, margins, and images. Unlike rem, pixels do not change relative to other elements, making them fixed and predictable.
Conversion FAQs
Can the root font size affect how 8 rem converts to pixels?
Yes, the root font size controls how rem units translate into pixels. If the root font size changes from 16px to another value, 8 rem will multiply by that new number instead of 16. This can cause 8 rem to equal more or less than 128 px, depending on the root size.
Is 8 rem always 128 px regardless of screen resolution?
No, 8 rem is not always 128 px on all devices. Since rem depends on the root font size, and some browsers or devices may have different default sizes or user settings, the pixel equivalent can vary, although 16px is the standard baseline.
Why might 8 rem not match pixel values in some CSS layouts?
This can happen because other CSS rules or inherited styles might change the root font size dynamically, or the page uses media queries altering base font sizes on different devices. Also, zooming in browsers affects pixel density, so the visual size may differ.
How to calculate pixel values if the root font size is not 16px?
Simply multiply the rem value by the actual root font size in pixels. For example, if root font size is 20 px, then 8 rem × 20 px = 160 px. You can use JavaScript or browser dev tools to check computed root font size before converting.
Does 8 rem conversion to pixels work the same way in all CSS frameworks?
Most CSS frameworks use default root font size of 16px, so 8 rem equals 128 pixels there too. However, some frameworks override root font size for scalability or accessibility, which changes the pixel conversion accordingly. Always check the root font size in the context used.
Last Updated : 22 July, 2025
I’ve put so much effort writing this blog post to provide value to you. It’ll be very helpful for me, if you consider sharing it on social media or with your friends/family. SHARING IS ♥️
Sandeep Bhandari holds a Bachelor of Engineering in Computers from Thapar University (2006). He has 20 years of experience in the technology field. He has a keen interest in various technical fields, including database systems, computer networks, and programming. You can read more about him on his bio page.