Zum Inhalt springen
TextArray
100% lokal

CSS-Einheiten-Umrechner

Rechne CSS-Längen zwischen px, rem, em, pt und % um — mit frei wählbarer Basisgröße.

Eingabe
Ausgabe
Verwandte Tools
Seitenverhältnis-RechnerEntwickler-Tools
FarbkonverterEntwickler-Tools
CSS-MinifierEntwickler-Tools
CSS-Einheiten-Umrechner
Füge CSS-Werte ein, einen pro Zeile — 16px, 1.5rem, 12pt, 150 % — und der Umrechner übersetzt sie sofort. Eine nackte Zahl wird in der Einheit aus dem Feld „Ausgangseinheit" gelesen; eine direkt in der Zeile geschriebene Einheit hat immer Vorrang, du kannst also Pixel und rem in einer Liste mischen. Das Ziel wählst du unter „Zieleinheit", oder du nimmst „Alle Einheiten" und siehst die ganze Kette auf einen Blick: 16px = 1rem = 12pt = 100%. Zeilen, die kein reiner Wert sind, wandern unverändert in die Ausgabe — ein verirrter Kommentar bricht die Umrechnung nie ab.
Die ganze Rechnung hängt an einer Zahl: der Basisgröße, also der Schriftgröße des Wurzelelements in Pixeln. Browser liefern standardmäßig 16px, deshalb entspricht 1rem üblicherweise 16px und 100 % der Basis. Setze die Basis auf 10 für den klassischen 62,5-%-Trick, bei dem 1,5rem genau 15px ergibt, oder passe sie an dein Designsystem an. Punkte legt CSS selbst fest: 1px ist 1/96 Zoll und 1pt 1/72 Zoll, also ist 16px exakt 12pt — unabhängig von der Basis. Die Nachkommastellen-Option begrenzt die Präzision auf bis zu sechs Stellen, nachlaufende Nullen werden entfernt.
Rem ist die barrierefreie Einheit: Sie skaliert mit der Schriftgröße, die Leser im Browser einstellen — Text in rem wächst mit, während px fixiert bleibt. Em rechnet hier gleich, bezieht sich im echten Stylesheet aber auf die Schriftgröße des Elements selbst, sodass verschachtelte em-Werte sich multiplizieren, rem dagegen nicht — der Umrechner nimmt den flachen, wurzelbezogenen Fall an.
Alles läuft lokal in deinem Browser — nichts wird hochgeladen, nichts dauert. Die umgerechnete Liste kopierst du oder lädst sie als .txt-Datei herunter.
Häufige Fragen
Warum rem statt px verwenden?
Rem-Werte skalieren mit der Schriftgröße, die Leser im Browser einstellen — wer größeren Text braucht, bekommt ihn auch. Px-Werte ignorieren diese Einstellung. Ein px-Design auf rem umzustellen ist einer der günstigsten Gewinne für die Barrierefreiheit.
Was ist die Basisgröße und warum ist 16 der Standard?
Sie ist die Schriftgröße des Wurzelelements in Pixeln — der Bezugspunkt für 1rem, 1em und 100 %. Jeder große Browser liefert standardmäßig 16px, also ist 16 die richtige Basis, solange dein Stylesheet die Wurzel nicht ändert — html { font-size: 62.5% } macht die Basis zum Beispiel zu 10.
Was unterscheidet em von rem?
Rem bezieht sich immer auf die Schriftgröße der Wurzel; em auf das aktuelle Element, verschachtelte em-Werte multiplizieren sich also. Dieser Umrechner rechnet beide gegen die eine Basisgröße — den flachen Fall. In tief verschachteltem Markup können echte em-Werte abweichen.
Was passiert mit Zeilen, die keine Werte sind?
Sie wandern unverändert in die Ausgabe und die Bilanz zählt sie als übersprungen. Umgerechnet werden nur reine Werte wie 16px, 1.5rem oder eine nackte Zahl — ganze CSS-Deklarationen sind bewusst außen vor.
Wird mein Text irgendwo hochgeladen?
Nein. Das Tool läuft vollständig in deinem Browser und deine Eingabe verlässt dein Gerät nie.