PX / REM / EM Umrechner

Eine Länge in px, rem oder em einfügen und alle drei Einheiten gleichzeitig sehen, berechnet gegen eine anpassbare Basisschriftgröße. Im Browser umgerechnet, nie gesendet.

Laden…
PX / REM / EM Umrechner
Eine CSS-Länge als px, rem oder em einfügen und alle drei Einheiten gleichzeitig erhalten, plus eine Live-Referenztabelle gängiger px-Werte. Anpassbare Basisschriftgröße, teilbare URL.

Entwicklerhinweise

Reine Arithmetik, ohne Farb- oder Einheitenbibliothek, anders als die colorjs.io-Abhängigkeit des Farbkonverters. rem und em teilen sich dieselbe baseFontSize; dies ist eine Vereinfachung, kein echtes em im Eltern-Kontext pro Element. px wird immer als Ganzzahl angezeigt; die Genauigkeit betrifft nur die Dezimalstellen von rem/em. Eine reine Zahl ohne Einheitensuffix wird als px behandelt. Die 25 px-Werte der Referenztabelle sind in v1 fest und werden live gegen baseFontSize/Genauigkeit neu berechnet.

Optionen

  • Basisschriftgröße — Die Root-Schriftgröße in px, gegen die rem und em berechnet werden. Berechnet das eingefügte Ergebnis und jede Zeile der Referenztabelle neu. Standard 16 (Browser-/CSS-Standard).
  • Genauigkeit — Angezeigte Dezimalstellen der berechneten rem/em-Werte, sowohl im eingefügten Ergebnis als auch in der Referenztabelle. Betrifft px nicht, das immer eine Ganzzahl ist. Standard 2.
  • Referenztabelle — Zeigt oder verbirgt die 25-zeilige Schnellreferenztabelle gängiger px-Werte mit live berechneten rem/em-Äquivalenten. Standardmäßig aktiviert.

Verwandte CSS-Tools

Hub: Farb- & CSS-Werkzeuge. Farben umrechnen mit Farbkonverter, Kontrast prüfen mit WCAG-Farbkontrast-Prüfer, oder Stylesheets verkleinern und formatieren mit CSS minimieren und Verschönern CSS.

PX / REM / EM Umrechner FAQ

Lokaler universeller Längenumrechner

Welche Längenformate kann ich einfügen?

Einen px-, rem- oder em-Wert, oder eine reine Zahl (als px behandelt). Keine andere CSS-Einheit (%, vw, vh, pt, ch) wird in v1 unterstützt.

Wie unterscheidet sich em hier von rem?

Hier gar nicht: em teilt sich dieselbe anpassbare baseFontSize wie rem, so wie es die meisten Rechner vereinfachen. Es ist kein echtes em im Kontext des jeweiligen Elternelements.

Werden meine Werte irgendwohin gesendet?

Nein. Die Umrechnung ist reine Arithmetik, die vollständig in Ihrem Browser läuft. FastMinify sendet die eingefügte Länge nie an einen Server.

Was zeigt die Referenztabelle?

Sie listet 25 gängige px-Werte von 0 bis 128 entlang der Tailwind-Abstandsskala. Die rem- und em-Äquivalente passen sich live an Ihre Basisschriftgröße und Genauigkeit an.

Farb- & CSS-Tools

Lokal eingefügte WCAG-Kontrastprüfung mit moderner CSS-Farbsyntax — Paar- und Matrixansicht, nie hochgeladen.

Weitere Werkzeugkategorien entdecken