Web Tools
CSS Unit Converter
Convert between CSS units — px, rem, em, and pt — with configurable base font sizes. See all conversions instantly as you type. Runs entirely in your browser — your data never leaves your machine.
css units px rem em pt converter frontend developer-tools
Published May 28, 2026
All interactive tools run entirely in your browser. Your data never leaves your device.
How It Works
Enter a value in any supported unit and see instant conversions to all other units. Adjust the root and parent font sizes to match your project’s typography settings — rem conversions use the root size, em conversions use the parent size.
Features
- Four units: Pixels (px), Root EM (rem), EM (em), Points (pt)
- Configurable base sizes: set root and parent font sizes to match your project
- Live conversion: results update as you type
- Copy with unit: copies value + unit suffix (e.g.,
1rem) - Private: runs entirely in the browser — no network requests
Common Conversions (16px base)
| px | rem | em | pt |
|---|---|---|---|
| 12 | 0.75 | 0.75 | 9 |
| 14 | 0.875 | 0.875 | 10.5 |
| 16 | 1 | 1 | 12 |
| 18 | 1.125 | 1.125 | 13.5 |
| 20 | 1.25 | 1.25 | 15 |
| 24 | 1.5 | 1.5 | 18 |
| 32 | 2 | 2 | 24 |
Use Cases
- Converting pixel-based designs to rem-based CSS
- Calculating em values for component-level typography
- Converting between screen (px) and print (pt) units
- Verifying responsive typography scales