CSS Units Converter
Convert between px, rem, em, vh, vw, and other CSS units
Convert From
px
16pxrem
1remem
1empt
12pt%
100%vw
0.8333vwvh
1.4815vhCommon Values Reference
| px | rem | em | pt | % | vw | vh |
|---|---|---|---|---|---|---|
| 1 | 0.0625 | 0.0625 | 0.75 | 6.25 | 0.0521 | 0.0926 |
| 2 | 0.125 | 0.125 | 1.5 | 12.5 | 0.1042 | 0.1852 |
| 4 | 0.25 | 0.25 | 3 | 25 | 0.2083 | 0.3704 |
| 8 | 0.5 | 0.5 | 6 | 50 | 0.4167 | 0.7407 |
| 10 | 0.625 | 0.625 | 7.5 | 62.5 | 0.5208 | 0.9259 |
| 12 | 0.75 | 0.75 | 9 | 75 | 0.625 | 1.1111 |
| 14 | 0.875 | 0.875 | 10.5 | 87.5 | 0.7292 | 1.2963 |
| 16 | 1 | 1 | 12 | 100 | 0.8333 | 1.4815 |
| 18 | 1.125 | 1.125 | 13.5 | 112.5 | 0.9375 | 1.6667 |
| 20 | 1.25 | 1.25 | 15 | 125 | 1.0417 | 1.8519 |
| 24 | 1.5 | 1.5 | 18 | 150 | 1.25 | 2.2222 |
| 32 | 2 | 2 | 24 | 200 | 1.6667 | 2.963 |
| 48 | 3 | 3 | 36 | 300 | 2.5 | 4.4444 |
| 64 | 4 | 4 | 48 | 400 | 3.3333 | 5.9259 |
| 96 | 6 | 6 | 72 | 600 | 5 | 8.8889 |
Convert between CSS units using the specified base font size and viewport dimensions. The em unit uses the base font size (same as rem in this context). Percentage is relative to the base font size.
Why This Tool
Responsive design requires working with multiple CSS units — px, rem, em, vw, vh, %, ch. Converting between them depends on context like base font size and viewport dimensions. This tool handles the math so you can quickly translate values between any CSS units.
How It Works
Enter a value and select its unit. Set your base font size (default 16px) and viewport dimensions. The tool calculates the equivalent value in all other CSS units. Useful for converting px mockups to rem-based responsive layouts or calculating viewport-relative sizes.