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.
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.
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 px umrechnen
Weitere Einheitenkonverter entdecken
Häufig gestellte Fragen
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.