Pixel Calculator
Convert between Tailwind spacing units, px, and rem. Enter a number with optional unit, or paste CSS (e.g. width: 127.563px; height: 96.546px;).
Width conversions
| Unit | Value | Example class | |
|---|---|---|---|
| Tailwind | — | — | |
| Pixels | — | — | |
| REM | — | — |
Height conversions
| Unit | Value | Example class | |
|---|---|---|---|
| Tailwind | — | — | |
| Pixels | — | — | |
| REM | — | — |
Reference
1 Tailwind unit = 0.25rem = 4px
1rem = 16px (default browser font size)
h-4 = h-[1rem] = h-[16px]