Convert em to pixels. Custom base. For typography and layout.
Tools you might need next
Convert pixels to rem. Custom base font size. For responsive typography.
Design ToolsConvert between px, pt, em, rem, %, vw. All font size units. For typography.
Design ToolsCalculate line-height from font size and multiplier. For typography and readability.
Design ToolsCalculate letter-spacing in em from px. For typography and design.
Design ToolsVisual aspect ratio calculator with width/height inputs, common presets (16:9, 4:3, 1:1), device presets (iPhone, MacBook, 4K), and CSS aspect-ratio output.
Design ToolsCalculate new dimensions when resizing image. Maintain aspect ratio. For responsive images.
Design Toolsfont-size: 1.0000rem; /* 16px */
text-base
| PX | REM | EM | PT | Tailwind |
|---|---|---|---|---|
| 8 | 0.5000 | 0.5000 | 6.00 | — |
| 10 | 0.6250 | 0.6250 | 7.50 | text-xs |
| 12 | 0.7500 | 0.7500 | 9.00 | text-xs |
| 14 | 0.8750 | 0.8750 | 10.50 | text-sm |
| 16 | 1.0000 | 1.0000 | 12.00 | text-base |
| 18 | 1.1250 | 1.1250 | 13.50 | text-lg |
| 20 | 1.2500 | 1.2500 | 15.00 | text-xl |
| 24 | 1.5000 | 1.5000 | 18.00 | text-2xl |
| 28 | 1.7500 | 1.7500 | 21.00 | text-3xl |
| 32 | 2.0000 | 2.0000 | 24.00 | text-3xl |
| 36 | 2.2500 | 2.2500 | 27.00 | text-4xl |
| 40 | 2.5000 | 2.5000 | 30.00 | — |
| 48 | 3.0000 | 3.0000 | 36.00 | text-5xl |
| 56 | 3.5000 | 3.5000 | 42.00 | — |
| 64 | 4.0000 | 4.0000 | 48.00 | — |
| 72 | 4.5000 | 4.5000 | 54.00 | — |
| 80 | 5.0000 | 5.0000 | 60.00 | — |
| 96 | 6.0000 | 6.0000 | 72.00 | — |
font-size: clamp(14px, 4vw, 24px);