2 px equals 0.125 rem.
The conversion from pixels (px) to rem units depends on the root font size, which is commonly 16px in browsers. Dividing the pixel value by the root font size gives the equivalent rem value, so 2 px divided by 16 px equals 0.125 rem.
Conversion Tool
Result in rem:
Conversion Formula
To convert pixels to rem, divide the pixel value by the root font size in pixels. The root font size is mostly 16px by default on many browsers, but it can be different if customized.
Formula:
rem = px / rootFontSize
Why this works: rem units are relative to the root font size, so by dividing the pixel value by that size, you get the proportional value in rem units.
Example calculation for 2 px:
– Root font size = 16 px
– 2 px ÷ 16 px = 0.125 rem
Conversion Example
- Convert 24 px to rem:
- Divide 24 by 16 (root font size)
- 24 ÷ 16 = 1.5 rem
- This means 24 pixels is equal to 1.5 rem units.
- Convert 8 px to rem:
- 8 ÷ 16 = 0.5 rem
- Half of the root font size, so 8 px equals half a rem.
- Convert 32 px to rem:
- 32 ÷ 16 = 2 rem
- This equals two times the root font size in rem.
- Convert 10 px to rem:
- 10 ÷ 16 = 0.625 rem
- This gives a fractional rem value.
- Convert 5 px to rem:
- 5 ÷ 16 = 0.3125 rem
- Smaller than half a rem in size.
Conversion Chart
This chart shows pixel values from -23.0 to 27.0 and their rem equivalents, based on 16px root font size. Use it to quickly find the rem value without calculation by matching the px value to the corresponding rem in the table.
| Pixels (px) | Rem | Pixels (px) | Rem | Pixels (px) | Rem |
|---|---|---|---|---|---|
| -23.0 | -1.4375 | 1.0 | 0.0625 | 25.0 | 1.5625 |
| -22.0 | -1.3750 | 2.0 | 0.1250 | 26.0 | 1.6250 |
| -21.0 | -1.3125 | 3.0 | 0.1875 | 27.0 | 1.6875 |
| -20.0 | -1.2500 | 4.0 | 0.2500 | ||
| -19.0 | -1.1875 | 5.0 | 0.3125 | ||
| -18.0 | -1.1250 | 6.0 | 0.3750 | ||
| -17.0 | -1.0625 | 7.0 | 0.4375 | ||
| -16.0 | -1.0000 | 8.0 | 0.5000 | ||
| -15.0 | -0.9375 | 9.0 | 0.5625 | ||
| -14.0 | -0.8750 | 10.0 | 0.6250 | ||
| -13.0 | -0.8125 | 11.0 | 0.6875 | ||
| -12.0 | -0.7500 | 12.0 | 0.7500 | ||
| -11.0 | -0.6875 | 13.0 | 0.8125 | ||
| -10.0 | -0.6250 | 14.0 | 0.8750 | ||
| -9.0 | -0.5625 | 15.0 | 0.9375 | ||
| -8.0 | -0.5000 | 16.0 | 1.0000 | ||
| -7.0 | -0.4375 | 17.0 | 1.0625 | ||
| -6.0 | -0.3750 | 18.0 | 1.1250 | ||
| -5.0 | -0.3125 | 19.0 | 1.1875 | ||
| -4.0 | -0.2500 | 20.0 | 1.2500 | ||
| -3.0 | -0.1875 | 21.0 | 1.3125 | ||
| -2.0 | -0.1250 | 22.0 | 1.3750 | ||
| -1.0 | -0.0625 | 23.0 | 1.4375 | ||
| 0.0 | 0.0000 | 24.0 | 1.5000 |
Related Conversion Questions
- How does 2 px convert to rem if the root font size is changed?
- What is 2 pixels in rem when the base font size is 20px?
- How to calculate rem from 2 px without a calculator?
- Is 2 px always equal to 0.125 rem in CSS?
- Why does 2 px to rem conversion differ in responsive design?
- How do I convert 2 px to rem for mobile devices?
- Can I use 2 px as a rem value directly in CSS?
Conversion Definitions
px (Pixel): A pixel is a unit of measurement in digital imaging, representing a single point on a screen. It is the smallest controllable element of a picture on the display, usually fixed size, but the physical size varies between devices depending on resolution and screen size.
rem (Root em): Rem is a scalable unit in CSS, relative to the font size of the root element (usually the <html> tag). Unlike em, which depends on the parent element’s font size, rem provides consistent sizing throughout a document by referencing one root font size.
Conversion FAQs
Can the root font size affect the px to rem conversion?
Yes, the root font size directly impacts the rem value. If the root font size changes from the default 16px to another size like 18px, then the rem calculation must use that new root value. For example, 2 px divided by 18 px root font size equals approximately 0.111 rem.
Why should I use rem units instead of px in CSS?
Rem units scale relative to the root font size, making layouts more flexible and accessible. They allow text and elements to resize consistently when users adjust browser settings or when different devices are used, improving readability and responsiveness compared to fixed pixel sizes.
What happens if the root font size is not 16px?
The conversion formula remains the same, but the divisor changes. So, if the root font size is 20px, 2 px will convert to 0.1 rem (2 ÷ 20). Using the wrong root font size leads to incorrect rem values, causing inconsistent sizing across your site.
Is it possible to convert rem back to px?
Yes, converting rem to px requires multiplying the rem value by the root font size in pixels. For example, 0.125 rem times 16 px equals 2 px. This conversion helps when you need fixed pixel sizes from relative rem units for specific design requirements.
Does browser zoom affect px to rem conversion?
Browser zoom changes the visual size of pixels but does not alter the CSS value calculations. The conversion from px to rem uses CSS-defined root font size, which remains constant regardless of zoom. However, zoom can affect the readability and perceived size on screen.