px ↔ rem ↔ em Converter
Instant px ↔ rem ↔ em conversion with batch mode and reference table. Configurable base font-size. 100% browser.
Reference table
| px | rem | em |
|---|---|---|
| 8 | 0.5 | 0.5 |
| 10 | 0.625 | 0.625 |
| 12 | 0.75 | 0.75 |
| 14 | 0.875 | 0.875 |
| 16 | 1 | 1 |
| 18 | 1.125 | 1.125 |
| 20 | 1.25 | 1.25 |
| 22 | 1.375 | 1.375 |
| 24 | 1.5 | 1.5 |
| 26 | 1.625 | 1.625 |
| 28 | 1.75 | 1.75 |
| 30 | 1.875 | 1.875 |
| 32 | 2 | 2 |
| 34 | 2.125 | 2.125 |
| 36 | 2.25 | 2.25 |
| 38 | 2.375 | 2.375 |
| 40 | 2.5 | 2.5 |
| 42 | 2.625 | 2.625 |
| 44 | 2.75 | 2.75 |
| 46 | 2.875 | 2.875 |
| 48 | 3 | 3 |
| 50 | 3.125 | 3.125 |
| 52 | 3.25 | 3.25 |
| 54 | 3.375 | 3.375 |
| 56 | 3.5 | 3.5 |
| 58 | 3.625 | 3.625 |
| 60 | 3.75 | 3.75 |
| 62 | 3.875 | 3.875 |
| 64 | 4 | 4 |
You use this tool often? Pro includes files up to 500 MB and priority processing.
What is px ↔ rem ↔ em Converter?
Converter between pixels, rem (root-relative) and em (parent-relative) with customizable base font-size and batch mode.
How to use this tool?
Type a value or paste a list, tweak the base font-size if needed, and copy the result from the table.
Benefits
- Instant px ↔ rem ↔ em conversion
- Batch multi-value mode
- Configurable reference table
- Custom base font-size
- 100% browser
Frequently Asked Questions
- How is the conversion computed?
- rem = px ÷ base font-size (16 by default). em uses the parent size you provide. Conversion is instant.
- Can I convert a list of values at once?
- Yes, paste multiple values (separated by spaces, commas or newlines) and get all conversions in batch.
- What is the reference table for?
- The 8 to 128 px table (with configurable step) shows rem/em equivalents at a glance for design system consistency.
Similar Tools
Color Converter
Convert colors between HEX, RGB, HSL, HSV and more. Real-time color preview. 100% in the browser.
Use →CSS Gradient Generator
Create CSS linear, radial and conic gradients with live preview. Export to plain CSS and Tailwind. 12 built-in presets. 100% browser.
Use →WCAG Contrast Checker
Check the contrast ratio between two colors according to WCAG 2.1 standards (AA and AAA). Real-time preview.
Use →What is px ↔ rem ↔ em Converter?
Converter between pixels, rem (root-relative) and em (parent-relative) with customizable base font-size and batch mode.
How to use this tool?
Type a value or paste a list, tweak the base font-size if needed, and copy the result from the table.
Benefits
- Instant px ↔ rem ↔ em conversion
- Batch multi-value mode
- Configurable reference table
- Custom base font-size
- 100% browser
Frequently Asked Questions
- How is the conversion computed?
- rem = px ÷ base font-size (16 by default). em uses the parent size you provide. Conversion is instant.
- Can I convert a list of values at once?
- Yes, paste multiple values (separated by spaces, commas or newlines) and get all conversions in batch.
- What is the reference table for?
- The 8 to 128 px table (with configurable step) shows rem/em equivalents at a glance for design system consistency.
Similar Tools
Color Converter
Convert colors between HEX, RGB, HSL, HSV and more. Real-time color preview. 100% in the browser.
Use →CSS Gradient Generator
Create CSS linear, radial and conic gradients with live preview. Export to plain CSS and Tailwind. 12 built-in presets. 100% browser.
Use →WCAG Contrast Checker
Check the contrast ratio between two colors according to WCAG 2.1 standards (AA and AAA). Real-time preview.
Use →