1. Wert eingeben
Geben Sie eine Zahl in das Eingabefeld ein.
Tailwind-Einheiten in Pixel umrechnen
Dieser Konverter rechnet sofort um. Geben Sie einfach einen Wert ein und das Ergebnis erscheint sofort.
WERBUNG
WERBUNG
Loading tool editor...
Wann muss man Tailwind-Einheiten in Pixel umrechnen?
Tailwind CSS verwendet eine Abstandsskala, bei der jede Einheit = 0,25 rem = 4 px (bei Wurzel 16px). Also p-4 = 1 rem = 16 px, p-8 = 2 rem = 32 px.
Alle Berechnungen werden lokal in Ihrem Browser durchgeführt.
Wie benutzt man den Umrechner?
2. Ergebnis ablesen
Das Ergebnis erscheint sofort.3. Kopieren oder umkehren
Kopieren Sie das Ergebnis oder kehren Sie die Umrechnungsrichtung um.
Wann ist dieser Umrechner nützlich?
CSS-Debugging
Prüfen Sie Größen: p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Design-Übergabe
Übersetzen Sie Tailwind-Klassen in Pixelwerte für Designer.Responsive Design
Breakpoints: sm = 640px, md = 768px, lg = 1024px, xl = 1280px.Benutzerdefinierte Konfiguration
Planen Sie individuelle Skalen mit Kenntnis der Standardwerte.
Was unterscheidet diesen Umrechner?
Volle Privatsphäre
Alle Berechnungen werden lokal in Ihrem Browser durchgeführt.Echtzeit-Ergebnisse
Das Ergebnis aktualisiert sich während der Eingabe.Bidirektionale Umrechnung
Rechnen Sie mit einem Klick in beide Richtungen um.Referenztabelle
Tabelle mit gängigen Werten und kontextbezogenen Beschreibungen.
Wie funktioniert das Tailwind-Spacing?
Tailwind-Spacing = Wert × 0,25 rem. Bei Wurzel 16px: Spacing × 4 = Pixel.
Schriftgrößen: text-sm = 14px, text-base = 16px, text-lg = 18px.
Wie funktioniert das Tailwind-Spacing?
Tailwind-Spacing = Wert × 0,25 rem. Bei Wurzel 16px: Spacing × 4 = Pixel.
Schriftgrößen: text-sm = 14px, text-base = 16px, text-lg = 18px.
WERBUNG
Tailwind-Spacing-Skala
| Tailwind | rem | px (Wurzel 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 (Wurzel 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Andere Einheiten in Pixel umrechnen
Weitere Einheitenkonverter entdecken
Häufig gestellte Fragen
Wie viel ist p-4 in Pixel?
p-4 = 1rem = 16px bei der Standard-Wurzelschriftgröße.
Was sind die Tailwind-Breakpoints in Pixel?
sm = 640px, md = 768px, lg = 1024px, xl = 1280px, 2xl = 1536px.
Werden die Berechnungen lokal durchgeführt?
Ja. Alle Berechnungen erfolgen in Ihrem Browser.
Helfen Sie uns, unsere Werkzeuge zu verbessern
Haben Sie eine Idee, einen Fehler gefunden oder möchten Sie eine Funktion vorschlagen? Schreiben Sie uns – wir antworten innerhalb von 24 Stunden.