px ↔ rem ↔ em ↔ vw Umrechner
Wandle jede CSS-Angabe sofort in die anderen Einheiten um. Passe Basisgröße und Viewport für genaue Werte an und klicke auf ein Ergebnis, um es zu kopieren.
Zu 100 % in deinem Browser verarbeitet
Wie kann ich das prüfen?
Deine Dateien werden nie hochgeladen: Sie werden auf deinem Gerät verarbeitet. Prüfe es selbst: Lade die Seite, schalte das WLAN aus, und das Tool funktioniert weiter. Oder öffne die Entwicklertools des Browsers (F12), Reiter „Netzwerk“, und sieh, dass keine Datei dein Gerät verlässt.
Entsprechungen
px → rem Tabelle
Ctrl + Enter ausführenCtrl + C Ergebnis kopieren
So funktioniert es
- 1Gib den Wert ein und wähle die Einheit.
- 2Passe die Basisschriftgröße (standardmäßig 16 px) und den Viewport an.
- 3Klicke auf einen Wert, um ihn zu kopieren.
- 4Nutze die px-zu-rem-Tabelle für gängige Größen.
Anwendungsfälle
- Ein Pixel-Design für barrierefreies CSS in rem umrechnen.
- Viewport-relative Breiten mit vw und vh berechnen.
- Punkt-Angaben aus einem Print-Design in Pixel umwandeln.
- Eine 10-px-Basis verwenden, um Rechnungen zu vereinfachen.
Häufig gestellte Fragen
Wie viele px sind 1 rem?
Standardmäßig 16 px, die Schriftgröße der Browser. Das ändert sich, wenn Nutzer oder CSS die Root-Schriftgröße ändern.
Was ist der Unterschied zwischen rem und em?
rem richtet sich nach der Schriftgröße des Root-Elements, em nach der des Elements selbst oder seines Elternelements. Hier nutzen beide die eingestellte Basisgröße.
Warum rem statt px?
Es respektiert die Textgrößeneinstellung der Nutzer und verbessert so die Barrierefreiheit.
Wie werden vw und vh berechnet?
1vw sind 1 % der Fensterbreite und 1vh 1 % der Fensterhöhe; deshalb gibst du sie in Pixeln an.