px-rem-Umrechner
Wandeln Sie CSS-Einheiten px, rem, em, pt und % mit konfigurierbarer Basis um.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
CSS-Einheiten im Nu umrechnen
Geben Sie einen Wert und seine Einheit ein, wählen Sie die Basis (Wurzel-Schriftgröße, Standard 16) und erhalten Sie die Entsprechungen in px, rem, em, pt und %. Klicken Sie einen Wert zum Kopieren.
-
Wert eingeben
Und seine Ausgangseinheit.
-
Basis einstellen
Die Wurzel-Schriftgröße (Standard 16px).
-
Gewünschte Einheit kopieren
Ein Klick kopiert den CSS-fertigen Wert.
Entsprechungen (Basis 16px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Beziehungen: 1 rem = Basis px; 1 px = 0,75 pt; % = px ÷ Basis × 100. Alles wird lokal berechnet.
Häufige Fragen
Was ist der Unterschied zwischen px, rem und em?
px ist eine feste Größe. rem ist relativ zur Schriftgröße des Wurzelelements (html), standardmäßig 16px. em ist relativ zur Schriftgröße des Elternelements. Hier ist die von Ihnen gesetzte Basis die Referenz für rem, em und %.
Warum rem statt px?
rem respektiert die im Browser gewählte Schriftgröße: Ihre Seite bleibt lesbar und barrierefrei, wenn jemand die Standardgröße erhöht. Empfohlen für Schriften und viele Abstände.
Wie kommt man von px zu pt?
In CSS ist 1px = 1/96 Zoll und 1pt = 1/72 Zoll, also 1px = 0,75pt. Bei einer Basis von 16 ist 16px = 12pt. pt wird vor allem für den Druck genutzt.
Was ist 1 rem?
1 rem = die Wurzel-Schriftgröße. Mit der Standardbasis 16 ist 1 rem = 16px = 100%. Setzen Sie die Basis auf 10, ist 1 rem = 10px, was die Rechnung vereinfacht (1,6 rem = 16px).