High-Precision CSS Unit Engine
CSS Unit Converter
Convert rem, px, em, and other CSS units quickly and accurately.
Default Baseline: By default, 1rem = 16px. Change the root font size to calculate custom conversions.
Live ConverterInstant
Type any number to see the instant live calculation.
Root Em
Direct Math
Pixel
16
Direct Math
Formula: 1rem × 16px (root font size) = 16px
1rem is defined as exactly 16px.
px
Presets:
How it works:
rem is relative to the root (<html>) font size. With a 16px root font size, 1rem = 16px, 2rem = 32px, and 0.5rem = 8px.Common ConversionsRoot: 16px
Click any preset to populate the converter immediately.
Clickable presets
Batch Converter
Convert multiple CSS values simultaneously into tabular format.
px
6 lines detected
Conversion Table
| Input | PX | EM | PT |
|---|---|---|---|
| 0.5rem | 8px | 0.5em | 6pt |
| 1rem | 16px | 1em | 12pt |
| 1.25rem | 20px | 1.25em | 15pt |
| 1.5rem | 24px | 1.5em | 18pt |
| 2rem | 32px | 2em | 24pt |
| 3rem | 48px | 3em | 36pt |
Values calculate dynamically with root font size 16px and parent context 16px.
CSS Value Converter
Paste raw CSS code to batch convert unit values while preserving formatting.
Root Font Size:
px
8 values converted