REM to PX Converter
Use this free tool to instantly convert REM to pixels (and pixels back to REM). Enter any value — including fractional values like 0.125rem, 0.375rem, or 1.125rem — and get an exact pixel result. The base font size is set to 16px by default, matching most browsers.
Calculation based on a root font-size of 16 pixels.
Common REM to PX Values
These fractional REM values come up constantly in CSS frameworks like Tailwind, where spacing and sizing scales are built on 0.125rem increments.
| REM | Pixels |
|---|
| REM | Pixels |
|---|
| Pixels | REM |
|---|
REM to PX Converter
The REM to PX Converter is a free online tool that instantly converts REM units into pixel (px) values and vice versa. Simply enter a REM or pixel value, and the converter automatically calculates the equivalent result using your root font size. Whether you’re building responsive websites, working with Tailwind’s spacing scale, or writing modern CSS, this tool makes unit conversion fast, accurate, and effortless.
What Is a REM to PX Converter?
A REM to PX Converter is a utility that converts scalable REM units into fixed pixel values. In CSS, 1rem is equal to the font size of the root (html) element, which is typically 16px in most browsers. Developers convert REM to PX to double-check exact pixel output, communicate sizes with designers, or translate a REM-based design system into fixed measurements.
| REM | Pixels |
|---|---|
| 0.125rem | 2px |
| 0.25rem | 4px |
| 0.5rem | 8px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 3rem | 48px |
Features
- Convert REM to PX instantly.
- Convert PX back to REM.
- Supports custom root font sizes.
- Includes a quick-reference table for fractional REM values.
- Real-time conversion results.
- Simple and beginner-friendly interface.
- Responsive and mobile-friendly.
- No registration or installation required.
- Works in all modern web browsers.
How to Use the REM to PX Converter
- Enter a value in the REM or Pixels field.
- Adjust the root font size if your project doesn’t use the standard 16px.
- View the converted value instantly.
- Copy the result.
- Use it directly in your CSS stylesheet.
Why Do REM Values Include So Many Decimals?
If you’ve searched for something like 0.375rem to px or 1.125rem to px, you’re likely working with a design system or utility framework such as Tailwind CSS, which builds its spacing and sizing scale on 0.125rem increments (equal to 2px at the default base size). That’s why fractional REM values show up constantly in class names and design tokens rather than clean round numbers.
Why Convert REM to PX?
REM units make websites more scalable and accessible by letting layouts and typography adapt to the user’s browser settings. Pixels, by contrast, are fixed and don’t respond to root font-size changes. Converting REM to PX is useful when you need to verify exact rendered sizes, hand off specs to a designer, or debug how a scalable layout behaves at a specific font size.
Browser Compatibility
The converter works perfectly in Chrome, Firefox, Edge, Safari, Opera, and other modern browsers. Since all calculations are performed directly in your browser, conversions are fast, accurate, and secure without sending any data to external servers.
Related CSS Tools
- CSS Gradient Generator
- CSS Box Shadow Generator
- CSS Glassmorphism Generator
- CSS Neumorphism Generator
- Text Shadow Generator
When Should You Use REM Instead of PX?
Use REM for font sizes, margins, padding, spacing, and layouts that should scale with user preferences. Use pixels when you need fixed dimensions, such as thin borders, shadows, or small icons. Combining both units appropriately helps create responsive, accessible, and maintainable websites that perform well across different devices and screen sizes.
Whether you’re developing with HTML, CSS, Bootstrap, Tailwind CSS, React, Vue, Angular, or WordPress, this free REM to PX Converter helps you convert CSS units quickly and accurately while improving your responsive design workflow.
Frequently Asked Questions
Multiply the REM value by the root font size, which is 16px in almost all browsers by default. For example, 1rem = 16px, 0.5rem = 8px, and 1.5rem = 24px. This tool does the calculation instantly, including for fractional values like 0.125rem or 0.375rem.
REM (Root EM) is a CSS unit relative to the root element's font size. If the root font size is 16px, 1rem equals 16px. REM scales automatically when the root font size changes, which makes it ideal for responsive typography and flexible layouts.
Utility frameworks build their spacing and sizing scales on small REM increments (often 0.125rem, equal to 2px at the default base size) so that every utility class lines up on a consistent grid. That's why you'll see values like 0.375rem, 0.625rem, or 1.125rem in their design tokens.
PX (Pixel) is an absolute unit in CSS representing a single dot on the screen. Pixels are fixed in size and do not scale with the browser's font settings, which makes them useful for elements needing precise control, like borders or icons, but less flexible for responsive layouts.
REM units offer better accessibility and scalability compared to pixels. They adjust based on the root font size, making your website more responsive across devices and user settings. Pixels remain fixed, which can limit flexibility in responsive designs.
Yes. REM values are always relative to the root font size. If your CSS sets a different root size (e.g., 20px), then 1rem equals 20px, and every converted value shifts accordingly. This tool uses the standard 16px default.
Yes. The input accepts any decimal value, so 0.125rem, 0.375rem, 0.9375rem, 2.4rem, and similar values all convert instantly and precisely.
The swap button switches focus between the REM and PX input fields, so you can quickly enter a value in one unit and see the converted result in the other without manually clicking into the other field.
Yes. Conversions are precise to 4 decimal places, based on the standard formulas: px = rem × 16 and rem = px / 16.
Absolutely. This page includes a common-values table for typical fractional REM sizes, plus full REM-to-PX and PX-to-REM reference tables, so you can look up conversions without typing anything.