CSS Unit Converter
Convert between PX, REM, EM, PT, %, VW, and VH units instantly. Includes a Tailwind CSS reference table.
Convert Units
Enter a value and select the source unit to convert
PX to REM Reference Table
Common pixel sizes converted to REM (base: 16px)
| Pixels | REM | Tailwind |
|---|---|---|
| 8px | 0.500rem | spacing-2 |
| 10px | 0.625rem | spacing-2.5 |
| 12px | 0.750rem | spacing-3 |
| 14px | 0.875rem | spacing-3.5 |
| 16px | 1.000rem | spacing-4 |
| 18px | 1.125rem | spacing-4.5 |
| 20px | 1.250rem | spacing-5 |
| 24px | 1.500rem | spacing-6 |
| 28px | 1.750rem | spacing-7 |
| 32px | 2.000rem | spacing-8 |
| 36px | 2.250rem | spacing-9 |
| 40px | 2.500rem | spacing-10 |
| 48px | 3.000rem | spacing-12 |
| 56px | 3.500rem | spacing-14 |
| 64px | 4.000rem | spacing-16 |
| 72px | 4.500rem | spacing-18 |
| 80px | 5.000rem | spacing-20 |
| 96px | 6.000rem | spacing-24 |
Settings
Configure base values for accurate conversions
Used for REM calculations (default: 16px)
Used for EM and % calculations
Used for VW calculations
Used for VH calculations
Unit Reference
px: Absolute pixels
rem: Relative to root font size
em: Relative to parent font size
pt: Points (1pt = 1/72 inch)
%: Percentage of parent
vw: 1% of viewport width
vh: 1% of viewport height