Wie viel sind 16 px in rem?

Bei der Standardbasis von 16 px genau 1 rem.

Worin unterscheiden sich rem und em?

Em bezieht sich auf die Schriftgröße des übergeordneten Elements und kann sich daher in verschachtelten Elementen aufsummieren. Rem bezieht sich immer auf das Wurzelelement.

Was, wenn ich html auf 62,5 % setze?

Dann sind 1 rem gleich 10 px, was das Kopfrechnen erleichtert. Tragen Sie 10 als Basis ein, damit das Tool genauso rechnet.

Rundet das Tool das Ergebnis?

Auf vier Nachkommastellen, was für CSS ausreicht.

Kostenlose Online-Tools

px-in-rem-Umrechner

Geben Sie einen Wert in Pixeln oder in rem ein, das andere Feld wird sofort aktualisiert. Die Standardbasis ist 16 px, Sie können sie ändern.

Pixel (px)

Rem

Basis (px)

Standard 16, die Schriftgröße des html-Elements.

1.5rem

Häufige Werte

px	rem
10px	0.625rem
12px	0.75rem
14px	0.875rem
16px	1rem
18px	1.125rem
20px	1.25rem
24px	1.5rem
28px	1.75rem
32px	2rem
40px	2.5rem
48px	3rem
64px	4rem

Ihre Daten verlassen Ihren Browser nicht. Wir senden nichts an einen Server.

So verwenden Sie das Tool

Geben Sie einen Wert in Pixeln oder in rem ein.
Weicht Ihre Basisschriftgröße von 16 px ab, ändern Sie die Basis.
Kopieren Sie das Ergebnis mit der Einheit rem.
Nutzen Sie die Tabelle, um typische Größen schnell zu prüfen.

Wie rem berechnet wird

Die Einheit rem bezieht sich auf die Schriftgröße des Wurzelelements html. Bei den standardmäßigen 16 Pixeln sind 1 rem gleich 16 px, also 24 px gleich 1,5 rem. Die Formel lautet Pixel geteilt durch die Basisgröße.

Warum rem statt px

Größen in rem skalieren mit den Schrifteinstellungen des Browsers. Wer die Standardschriftgröße erhöht hat, bekommt eine größere Oberfläche. Pixel tun das nicht, deshalb ist rem für Text und Abstände meist die bessere Wahl.

Was nicht in rem gehört

Dünne Rahmen, Schatten und Icon-Details bleiben oft in Pixeln, weil sie bei jeder Schriftgröße gleich aussehen sollen. Nutzen Sie rem dort, wo die Oberfläche mit der Lesbarkeit wachsen soll.

Häufige Fragen

Brauchen Sie mehr als ein Werkzeug?

Steckt dahinter ein größeres Projekt, eine Webseite, ein Shop oder eine App, beschreiben Sie es in einem kurzen Briefing. Wir antworten konkret und unverbindlich.

Projekt beschreiben