PX to REM Converter
px (기본: 16px)
1rem
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 |
Last updated: 2026 · Free online tool
What is PX to REM Converter?
Free online tool to convert between CSS px and rem units with a reference table
How to Use
- 1 Set base size — Set the base font size (default 16px).
- 2 Enter value — Enter a px or rem value.
- 3 Check results — View the converted value and CSS snippet.
- 4 Use reference table — Copy common values directly from the reference table below.
Related Tools
Color Converter Free online tool to convert between HEX, RGB, HSL, OKLCH color codes with WCAG contrast ratio
Timestamp Converter Free online tool to convert between Unix timestamp and date with timezone support
CSS Box Shadow Generator Free online visual editor to create CSS box-shadow and copy the code
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.