CSS Units Explained: Easy Guide to PX, REM, EM, VW, VH, etc
Learn how CSS units are explained in a simpler, easier way. Get to know the practical guide on how the PX, REM, EM, VW, and VH are used properly on screens.
This tool works offline
No internet connection needed.
Try now
PX to REM Converter Tables
Premade PX to REM Converter tables based on root font size (16px).
| Pixels | REM |
|---|---|
| 1px | 0.063rem |
| 2px | 0.125rem |
| 3px | 0.188rem |
| 4px | 0.25rem |
| 5px | 0.313rem |
| 6px | 0.375rem |
| 8px | 0.5rem |
| 10px | 0.625rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 15px | 0.938rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 25px | 1.563rem |
| 28px | 1.75rem |
| 32px | 2rem |
| 36px | 2.25rem |
| 40px | 2.5rem |
| 44px | 2.75rem |
| 48px | 3rem |
| 50px | 3.125rem |
| 56px | 3.5rem |
| 64px | 4rem |
| 72px | 4.5rem |
| 75px | 4.688rem |
| 80px | 5rem |
| 96px | 6rem |
| 100px | 6.25rem |
| 112px | 7rem |
| 128px | 8rem |
| REM | Pixels |
|---|---|
| 0.01rem | 0.16px |
| 0.03rem | 0.48px |
| 0.05rem | 0.8px |
| 0.06rem | 0.96px |
| 0.08rem | 1.28px |
| 0.1rem | 1.6px |
| 0.13rem | 2.08px |
| 0.15rem | 2.4px |
| 0.19rem | 3.04px |
| 0.2rem | 3.2px |
| 0.25rem | 4px |
| 0.31rem | 4.96px |
| 0.5rem | 8px |
| 0.75rem | 12px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 1.75rem | 28px |
| 2rem | 32px |
| 2.5rem | 40px |
| 3rem | 48px |
| 3.5rem | 56px |
| 4rem | 64px |
| 4.5rem | 72px |
| 5rem | 80px |
| 6rem | 96px |
| 7rem | 112px |
| 8rem | 128px |
| 10rem | 160px |
| 15rem | 240px |
| 20rem | 320px |
| 25rem | 400px |
Related articles
Learn more about this topic from our blog.
Pixel-based conversion tools
Check these related pixel-based conversion tools.
The ultimate guide to pixels to rem conversion tools
Converting from px to rem using an online web-based tool might seem and feel unnecessary in this vibe-coding era since you can ask the LLMs to do it for you. A handy tool for a frontend designer.
"Hey, Claude, convert this H1 size from px to rem."
It might give you a minute or two to make that happen and see the live changes. However, this method might be ineffective if you do it repeatedly. You know, to test things and see if it looks good or not.
Using an online PX to REM conversion tool will save you a lot of time with some benefits compared to using a vibe-coded IDE like Cursor, Zed, Windsurf, etc.
Here are some points you need to consider:
See the px to rem conversion results in instant
If time is your main priority. Then using the PX to REM converter web tool will be a better choice. You don't need to spend a lot of time writing a prompt to ask the AI to convert the value for you.
Using our tool will give you an instant result after you type the value from the input. You got the results quickly and also saved a lot of time than waiting for the prompt to finish. Win-win solution.
Free PX to REM converter
Yes, you heard that right. All Saveku tools are free to use. You don't need to pay a subscription fee or burn an LLM token just for a simple task.
Use our conversion tool to help with your responsive design PX to REM unit.
Works offline
Having a bad connection? Got a blackout? Or no internet at all? No problem! Our PX to REM converter is designed to work offline, so you can always use it for your design needs.
A handy solution to solve the CSS unit converter. All you have to do is load the page once and then input your desired value.
Need to change a value? No worry. Just type another value from our free PX to REM converter's input form, and you will see the results instantly. Even without an internet connection at all.
Another perk of using an offline PX to REM converter tool is that your privacy is safe. No data is ever sent to our servers or database. We never collect any of it. All conversion activity happens locally from your browser.
Frequently asked questions
This tool works offline
No internet connection needed.