1. Ange värde
Skriv ett tal i inmatningsfältet. Du kan använda punkt eller komma som decimalavskiljare.
Tailwind CSS till px
Denna omvandlare räknar om direkt. Ange ett värde så visas resultatet omedelbart.
Loading tool editor...
När ska man omvandla Tailwind-enheter till pixlar?
Tailwind CSS använder en avståndsskala där varje enhet = 0,25 rem = 4 px (vid rot 16px). p-4 = 1 rem = 16 px.
Alla beräkningar körs lokalt i din webbläsare.
Så använder du omvandlaren
2. Läs av resultatet
Konverteringsresultatet visas omedelbart i fältet bredvid – utan att klicka.3. Kopiera eller vänd
Klicka på Kopiera resultat eller använd knappen Vänd.
När är denna omvandlare användbar?
Webbutveckling
p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Designöverlämning
Översätt Tailwind-klasser till px för designers.Design och mätning
sm = 640px, md = 768px, lg = 1024px.Konfiguration
Planera anpassade skalor.
Vad gör denna omvandlare speciell?
Fullständig integritet
Alla beräkningar görs lokalt i din webbläsare. Ingen data skickas till någon server.Resultat i realtid
Resultatet uppdateras omedelbart när du skriver – inget klick krävs.Dubbelriktad konvertering
Vänd-knappen låter dig konvertera i båda riktningarna med ett klick.Referenstabell
En färdig tabell med ofta konverterade värden och kontextuella beskrivningar.
Hur fungerar Tailwind spacing?
Tailwind spacing = värde × 0,25 rem. Vid rot 16px: spacing × 4 = px.
Hur fungerar Tailwind spacing?
Tailwind spacing = värde × 0,25 rem. Vid rot 16px: spacing × 4 = px.
Tailwind spacing-skala
| Tailwind | rem | px (rot 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 (rot 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Konvertera andra enheter till px
Utforska andra enhetskonverterare
Vanliga frågor
Hjälp oss förbättra våra verktyg
Har du en idé, hittat en bugg eller vill föreslå en funktion? Skriv till oss – vi svarar inom 24 timmar.