CSS px to rem Converter
Convert CSS units between px, rem, and em. Set a custom base font size for accurate results. Includes a handy reference table of common values.
Usually 16px (browser default). Change if your root font-size differs.
font-size: 1rem; /* 16px */| PX | REM | EM | |
|---|---|---|---|
| 4px | 0.25rem | 0.25em | |
| 8px | 0.5rem | 0.5em | |
| 12px | 0.75rem | 0.75em | |
| 14px | 0.875rem | 0.875em | |
| 16px | 1rem | 1em | |
| 18px | 1.125rem | 1.125em | |
| 20px | 1.25rem | 1.25em | |
| 24px | 1.5rem | 1.5em | |
| 32px | 2rem | 2em | |
| 40px | 2.5rem | 2.5em | |
| 48px | 3rem | 3em | |
| 56px | 3.5rem | 3.5em | |
| 64px | 4rem | 4em | |
| 80px | 5rem | 5em | |
| 96px | 6rem | 6em | |
| 128px | 8rem | 8em |
How to use CSS px to rem Converter
Upload or paste your input
Drag and drop your file or content into the tool, or click to browse and select it from your device.
Adjust any settings
Configure output format, quality, or any options available for this tool. Defaults work well for most use cases.
Download or copy the result
Processing happens instantly in your browser. Click download or copy to use your result - nothing was sent to any server.
Related Tools
View allRGB / HEX / HSL Converter
Convert between HEX, RGB, and HSL with live preview
HEX to Tailwind Color Finder
Find the closest Tailwind class for any HEX code
Tailwind to HEX Converter
Get HEX, RGB, HSL for any Tailwind color class
Tailwind Gradient Builder
Build Tailwind CSS gradients with live preview
Frequently Asked Questions
Common questions about CSS px to rem Converter
More Developer Utilities tools
Explore the full collection - all free, browser-based, no signup.