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.5rem | spacing-2 |
| 10px | 0.625rem | spacing-2.5 |
| 12px | 0.75rem | spacing-3 |
| 14px | 0.875rem | spacing-3.5 |
| 16px | 1rem | spacing-4 |
| 18px | 1.125rem | - |
| 20px | 1.25rem | spacing-5 |
| 24px | 1.5rem | spacing-6 |
| 28px | 1.75rem | spacing-7 |
| 32px | 2rem | spacing-8 |
| 36px | 2.25rem | spacing-9 |
| 40px | 2.5rem | spacing-10 |
| 48px | 3rem | spacing-12 |
| 56px | 3.5rem | spacing-14 |
| 64px | 4rem | spacing-16 |
| 72px | 4.5rem | spacing-18 |
| 80px | 5rem | spacing-20 |
| 96px | 6rem | 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
pxAbsolute pixels
remRelative to root font size
emRelative to parent font size
ptPoints (1pt = 1/72 inch)
%Percentage of parent
vw1% of viewport width
vh1% of viewport height