1. Voer een waarde in
Typ een getal in het invoerveld.
Tailwind CSS naar px
Deze converter rekent direct om. Voer een waarde in en het resultaat verschijnt onmiddellijk.
Loading tool editor...
Wanneer heb je nodig: Tailwind CSS naar px?
Tailwind CSS gebruikt een afstandsschaal waarbij elke eenheid = 0,25 rem = 4 px (bij root 16px). p-4 = 1 rem = 16 px.
Alle berekeningen draaien lokaal in je browser.
Hoe gebruik je de omrekentool?
2. Lees het resultaat
Het resultaat verschijnt direct.3. Kopieer of wissel
Kopieer het resultaat of wissel de richting.
Wanneer is deze converter nuttig?
Webontwikkeling
p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Designoverdracht
Vertaal Tailwind-klassen naar px voor ontwerpers.Ontwerp en meting
sm = 640px, md = 768px, lg = 1024px.Configuratie
Plan aangepaste schalen.
Wat maakt deze tool bijzonder?
Volledige privacy
Alle berekeningen draaien lokaal in je browser.Directe resultaten
Het resultaat wordt bijgewerkt terwijl je typt.Tweerichtingsomrekening
Wissel de richting met één klik.Referentietabel
Tabel met gangbare waarden en context.
Hoe werkt Tailwind spacing?
Tailwind spacing = waarde × 0,25 rem. Bij root 16px: spacing × 4 = px.
Hoe werkt Tailwind spacing?
Tailwind spacing = waarde × 0,25 rem. Bij root 16px: spacing × 4 = px.
Tailwind spacing-schaal
| Tailwind | rem | px (root 16px) |
|---|---|---|
| 1 | 0,25rem | 4px |
| 4 | 1rem | 16px |
| 8 | 2rem | 32px |
| 16 | 4rem | 64px |
| 64 | 16rem | 256px |
rem
- 1
0,25rem - 4
1rem - 8
2rem - 16
4rem - 64
16rem
px (root 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Andere eenheden naar px converteren
Ontdek andere eenhedenconverters
Veelgestelde vragen
Help ons onze tools te verbeteren
Heeft u een idee, een bug gevonden of wilt u een functie voorstellen? Schrijf ons – we reageren binnen 24 uur.