PX to REM Converter
PX to REM converter that translates CSS pixel and rem units in both directions using a customizable root font size, decimals included. Comes with a copyable reference table and CSS snippet output, free in your browser.
font-size: 1rem;px ↔ rem Reference Table (Base Font Size: 16px)
| px | rem | Copy |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
Embed
What is PX to REM Converter?
PX to REM converter that translates CSS pixel and rem units in both directions using a customizable root font size, decimals included. Comes with a copyable reference table and CSS snippet output, free in your browser.
How to Use
- 1Set base size— Set the base font size (default 16px).
- 2Enter value— Enter a px or rem value.
- 3Check results— View the converted value and CSS snippet.
- 4Use reference table— Copy common values directly from the reference table below.
Related Tools
Frequently Asked Questions
rem is a relative unit based on the root element's (html) font-size. The default is 16px.
Yes. Change the base font size at the top and the conversion results and reference table update automatically.
em is relative to the parent element, rem is relative to the root (html) element. rem is more predictable.
Yes, decimal conversions like 12.5px → 0.7813rem are supported.
No. All calculations happen in your browser.