📏

PX to REM Converter – Free Online Tool for Responsive Design

Instantly convert pixels to REM with our free online tool. Enhance responsive design and accessibility effortlessly

🔄 PX to REM Conversion Tables (Accurate & Developer-Friendly)

Looking for precise PX to REM values? Our tool gives full decimal precision, no rounding, so you get exact, production-ready CSS units every time. Use the copy button to instantly grab your rem value.

📐 Common Pixel to REM Conversions (Default Root = 16px)

Here’s a handy reference table to quickly convert pixels into REM units:

📏 Fine-Grained Conversion Table (0.5px – 20px)

PixelsREM
0.1px0.00625rem
0.2px0.0125rem
0.3px0.01875rem
0.4px0.025rem
0.5px0.03125rem
0.6px0.0375rem
0.7px0.04375rem
0.8px0.05rem
0.9px0.05625rem
1px0.0625rem
1.25px0.078125rem
1.5px0.09375rem
1.75px0.109375rem
2px0.125rem
2.25px0.140625rem
2.5px0.15625rem
2.75px0.171875rem
3px0.1875rem
3.25px0.203125rem
3.5px0.21875rem
3.75px0.234375rem
4px0.25rem
4.25px0.26125rem
4.5px0.28125rem
4.75px0.296875rem
5px0.3125rem
5.25px0.328125rem
5.5px0.34375rem
5.75px0.359375rem
6px0.375rem
6.25px0.390625rem
6.5px0.40625rem
6.75px0.421875rem
7px0.4375rem
7.25px0.453125rem
7.5px0.46875rem
7.75px0.484375rem
8px0.5rem
8.25px0.515625rem
8.5px0.53125rem
8.75px0.546875rem
9px0.5625rem
9.25px0.578125rem
9.5px0.59375rem
9.75px0.609375rem
10px0.625rem
10.25px0.640625rem
10.5px0.65625rem
10.75px0.671875rem
11px0.6875rem
11.25px0.703125rem
11.5px0.71875rem
11.75px0.734375rem
12px0.75rem
12.25px0.765625rem
12.5px0.78125rem
12.75px0.796875rem
13px0.8125rem
13.25px0.828125rem
13.5px0.84375rem
13.75px0.859375rem
14px0.875rem
14.25px0.890625rem
14.5px0.90625rem
14.75px0.921875rem
15px0.9375rem
15.25px0.953125rem
15.5px0.96875rem
15.75px0.984375rem
16px1rem
16.25px1.015625rem
16.5px1.03125rem
16.75px1.046875rem
17px1.0625rem
17.25px1.078125rem
17.5px1.09375rem
17.75px1.109375rem
18px1.125rem
18.25px1.140625rem
18.5px1.15625rem
18.75px1.171875rem
19px1.1875rem
19.25px1.203125rem
19.5px1.21875rem
19.75px1.234375rem
20px1.25rem

📊 Mid-Range Conversion Table Table (22px – 220px)

PixelsREM
22px1.375rem
24px1.5rem
26px1.625rem
28px1.75rem
30px1.875rem
32px2rem
36px2.25rem
40px2.5rem
44px2.75rem
48px3rem
52px3.25rem
56px3.5rem
60px3.75rem
64px4rem
72px4.5rem
80px5rem
88px5.5rem
96px6rem
112px7rem
128px8rem
144px9rem
160px10rem
176px11rem
192px12rem
196px12.25rem
200px12.5rem
204px12.75rem
208px13rem
212px13.25rem
216px13.5rem
220px13.75rem

🖥️ Large Value Conversion Table (224px – 2048px)

PixelsREM
224px14rem
240px15rem
256px16rem
320px20rem
384px24rem
448px28rem
512px32rem
640px40rem
768px48rem
896px56rem
1024px64rem
1280px80rem
1536px96rem
1792px112rem
2048px128rem
💡

Need other values? Just enter your pixel size above and let our high-precision converter do the math!

✅ Why Use REM Instead of PX?

🧠 Benefits of REM in CSS

  • Responsive Design: REM adapts across screen sizes by scaling with the root font-size.
  • Accessibility: Respects user font settings, great for ADA and WCAG compliance.
  • Global Consistency: Unlike em, REM gives you consistent scaling sitewide.

🤔 REM vs EM , Quick Comparison

FeatureREM (Recommended)EM
Based onRoot <html> sizeParent element size
ConsistencyGlobalVaries per element
Use caseLayout, spacing, fontsComponent-level control

📏 Example: How REM Works in CSS

With a root font-size of 16px:

Ads are blocked – no problem!

You can still support my work via

  • 1px = 0.0625rem
  • 1rem = 16px
  • 12px = 0.75rem

Want a 20px button padding? Use 1.25rem, it's that easy!

🛠 How to Use the PX to REM Converter

  1. 1.
    Enter your pixel value
  2. 2.
    Adjust the root font size (default: 16px)
  3. 3.
    Click 'Copy' to instantly grab the accurate rem value

Unlike many tools, we don’t round off results, so you always get exact decimals, perfect for devs who care about precision.

🌐 Browser Support

REM units work in all modern browsers:

  • ✅ Chrome, Firefox, Safari, Edge
  • ⚠️ For IE8 and older, use pixel fallbacks

🧪 Pro Tips & Use Cases

  • Use rem for:
    • Typography
    • Spacing (padding, margin)
    • Responsive breakpoints
  • Use em for:
    • Nested components
    • Contextual adjustments

🙋 Frequently Asked Questions

Q: Is REM better than PX?

Ads are blocked – no problem!

You can still support my work via

A: Yes, for responsive and accessible design, REM is the best choice.

Q: Can I change the root font size?

A: Absolutely. If your base is 20px, 1rem = 20px. Adjust it as needed.

Q: Can I use REM and EM together?

A: Yes! Use REM for global consistency, EM for local flexibility.

💬 Final Word

The Pixel to REM Converter is your must-have tool for modern web design. Whether you're designing for mobile, scaling typography, or improving accessibility, REM units make your CSS smarter.

✅ Try it now and copy your accurate REM values instantly.

🔖 Bookmark this page for quick access next time you're coding!

⚙️ See Other Tools