CSS Einheiten Umrechner
Rechnet CSS-Größen zwischen px, em, rem und Prozent um.
Dieses Tool ist für Mitglieder
Dieses Premium-Tool schaltest du mit einem kostenlosen Konto frei — zusammen mit allen anderen Profi-Tools und den ganzen Wissen-Artikeln.
100 % kostenlos · keine Kreditkarte · sofort freigeschaltet
Wozu dient der CSS Einheiten Umrechner?
Der CSS Einheiten Umrechner wandelt CSS-Größen zwischen px, em, rem und Prozent um. Im responsiven Webdesign mischt man oft absolute und relative Einheiten, und es ist mühsam, im Kopf umzurechnen. Das Tool nimmt dir das ab und zeigt alle Werte auf einen Blick.
Gib einen Wert, die Ausgangseinheit und die Basisgröße in px (meist 16 px) ein. Das Tool rechnet relativ zur Basis um, etwa 1 rem gleich 16 px bei Standardbasis. Die Berechnung läuft im Browser, es werden keine Daten gesendet. So setzt du Abstände und Schriftgrößen konsistent und barrierefrei skalierbar.
Beispiele
- 24 px bei einer Basis von 16 px entsprechen 1,5 rem.
- 2 em bei Basis 16 px ergeben 32 px.
- 50 % einer Basis von 16 px sind 8 px bzw. 0,5 rem.
Häufige Fragen zum CSS Einheiten Umrechner
Was ist der Unterschied zwischen em und rem?
rem bezieht sich immer auf die Schriftgröße des Wurzelelements (html), em auf die des direkten Elternelements. rem ist deshalb vorhersehbarer, em verschachtelt sich.
Warum sollte ich rem statt px nutzen?
rem skaliert mit der vom Nutzer eingestellten Standardschriftgröße und verbessert so die Barrierefreiheit. Menschen, die größere Schrift bevorzugen, profitieren davon.
Was ist die Standardbasis?
Die meisten Browser nutzen 16 px als Standardschriftgröße. Solange du sie nicht änderst, entspricht 1 rem genau 16 px.
Werden meine Eingaben gespeichert?
Nein. Alle Berechnungen laufen ausschließlich im Browser. Es werden keine Daten gesendet oder gespeichert.
Ist das Tool kostenlos?
Ja, vollständig kostenlos und ohne Registrierung.
