2 px equals 0.125 rem.
To convert pixels (px) to rem units, divide the pixel value by the root font size, which is commonly 16 pixels by default in browsers. So, 2 px divided by 16 equals 0.125 rem.
Conversion Tool
Result in rem:
Conversion Formula
The conversion formula from px to rem is:
rem = px ÷ root font size
Since the root font size is usually 16px, you divide the pixel value by 16. This works because rem units are relative to the root element’s font size, rather than fixed pixels.
Example:
- Start with 2 px.
- Divide 2 by 16 (because 1 rem = 16 px).
- 2 ÷ 16 = 0.125 rem.
Conversion Example
- Convert 24 px to rem:
- Take 24 pixels.
- Divide 24 by 16.
- 24 ÷ 16 = 1.5 rem.
- Convert 8 px to rem:
- Take 8 pixels.
- Divide 8 by 16.
- 8 ÷ 16 = 0.5 rem.
- Convert 40 px to rem:
- Take 40 pixels.
- Divide 40 by 16.
- 40 ÷ 16 = 2.5 rem.
- Convert 1 px to rem:
- Take 1 pixel.
- Divide 1 by 16.
- 1 ÷ 16 = 0.0625 rem.
Conversion Chart
This chart shows px values from -23.0 to 27.0 converted to rem. You can use it to quickly find rem equivalents without calculation by reading across the rows. Negative pixel values convert to negative rem values, useful for relative positioning or offsets.
| Pixels (px) | Rem |
|---|---|
| -23.0 | -1.4375 |
| -20.0 | -1.2500 |
| -15.0 | -0.9375 |
| -10.0 | -0.6250 |
| -5.0 | -0.3125 |
| 0.0 | 0.0000 |
| 5.0 | 0.3125 |
| 10.0 | 0.6250 |
| 15.0 | 0.9375 |
| 20.0 | 1.2500 |
| 23.0 | 1.4375 |
| 25.0 | 1.5625 |
| 27.0 | 1.6875 |
Related Conversion Questions
- How much is 2 px in rem for a 16px root font size?
- What rem value equals 2 pixels if root font size changes?
- Can 2 px be converted to rem using CSS only?
- Is 2 px smaller or larger than 1 rem unit?
- Why does 2 px convert to 0.125 rem in web design?
- How to convert 2px padding to rem for responsive layouts?
- Does 2 px always equal 0.125 rem in all browsers?
Conversion Definitions
px: A pixel (px) is a fixed unit representing a single point on a computer screen or device display. It is an absolute length measurement used in digital graphics, layouts, and text sizing. Pixels remain constant regardless of screen resolution or zoom level, making them predictable for precise designs.
rem: A rem unit stands for “root em” and is relative length unit in CSS that scales based on the root (html) element’s font size. Unlike pixels, rem values adjust dynamically when the root font size changes, allowing flexible and scalable layouts that adapt to user settings or device characteristics.
Conversion FAQs
Does the root font size affect px to rem conversion?
Yes, the root font size directly impacts the conversion. Rem units are calculated by dividing the pixel value by the root font size. If the root font size is not 16px, then the conversion result changes accordingly. For example, if root font size is 20px, 2 px would equal 0.1 rem (2 ÷ 20).
Can rem units improve website accessibility?
Rem units help accessibility by scaling elements relative to the root font size, which users can adjust in their browser settings. Unlike pixels, which are fixed, rem values grow or shrink with user preferences, improving readability and usability for people with visual impairments.
Why is 16px commonly used as the root font size?
Browsers default to 16px as the root font size because it is a comfortable size for reading on most devices. This standardization makes rem calculations predictable, so developers often base designs around 16px. However, it can be changed if needed to better fit specific design needs.
Is it possible to have fractional rem values?
Yes, rem values can be fractional numbers such as 0.125 rem or 1.5 rem. Since rem is a relative unit, fractional values allow finer control over sizing than whole pixels, resulting in smoother scaling and more precise layout adjustments.
Do all browsers interpret rem units the same way?
Almost all modern browsers support rem units consistently, calculating them based on the root font size. However, very old browsers may have limited or no support for rem, causing fallback to pixels or em units. Testing on target browsers is recommended to avoid inconsistencies.