← alle Apps apps.sendepause.ch

Px ↔ Rem Rechner

Pixel in Rem umrechnen · Tailwind-Spickzettel

Konverter
px
=
Tailwind Spacing
CSS
Tailwind arbitrary
Tipp: Im Pixel-Feld kannst du rechnen — z.B. 16 + 8, 24 * 2, 100 / 3 oder (16 + 4) * 2. Das Ergebnis wird sofort umgerechnet und beim Verlassen des Felds übernommen.
Formel: rem = px ÷ Basis-Schriftgrösse. Tailwinds Standard-Basis ist 16px — passe den Wert an, falls dein Projekt eine andere html { font-size } verwendet.
Die Tailwind-Spacing-Einheit ist unabhängig davon: 1 Einheit = 0.25rem (z.B. p-6, gap-6) — daher rem ÷ 0.25, egal welche Basis oben eingestellt ist.
Tailwind-Spickzettel
PxRemTailwind Spacing
Klick auf eine Zeile übernimmt den Wert in den Konverter oben. Tailwinds Spacing-Skala verwendet 0.25rem-Schritte (bei 16px Basis = 4px pro Schritt).