PX to REM Converter - Convert Pixels to REM Instantly
Convert px to rem instantly using this px to rem calculator and px to rem CSS converter. Enter your pixel value and base font size to get accurate rem output for responsive design and accessibility.
Calculator
Turn fixed pixels into responsive REM values in real time.
This px to rem online converter is a px to rem CSS calculator and px to rem tool when you need a quick px to rem code converter for projects.
PX to REM formula
REM = PX ÷ Base Font Size
Use a base 16 root font size (the default in most browsers) for a quick px to rem base 16 conversion, or change the base for your own rem scale.
Example
16px ÷ 16 = 1rem
Conversion table (base 16)
Common px to rem responsive design values using a 16px root font size.
| PX | REM |
|---|---|
| 8px | 0.5rem |
| 16px | 1rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 48px | 3rem |
| 64px | 4rem |
Using rem instead of px improves scalability and accessibility, allowing users to control text size via browser settings.
PX to REM FAQ
- What is the px to rem formula?
- The px to rem formula is: rem = px ÷ base font size.
- What is the default base 16 root font size?
- Most browsers use a 16px root font size, so 16px converts to 1rem.
- Why use rem for responsive design?
- Rem units scale with the root font size, so layouts stay consistent across devices and accessibility settings.
- How do I do a px to rem CSS calculation?
- Divide your px value by the base font size, then use the rem value in your CSS.