PX to REM Converter
px (base: 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 PX to REM converter that translates CSS pixel and rem units in both directions using a customizable root font size, supports decimal values, and includes a copyable reference table and CSS snippet output.
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
Color ConverterFree online color converter that translates instantly between HEX, RGB, HSL and OKLCH codes and calculates the WCAG contrast ratio between two colors so you can check accessibility compliance with ease.
Timestamp ConverterFree online tool to convert between Unix timestamps and dates in both directions. It accepts seconds (10 digits) and milliseconds (13 digits), and supports timezones like KST, JST, UTC plus ISO 8601 and relative time.
CSS Box Shadow GeneratorFree online CSS box-shadow generator with controls for offset, blur, spread, color and inset, offering a live preview of the shadow and producing copy-ready box-shadow CSS code for any element.
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.