REM-zu-PX-Konverter — Rem zu Pixel, live & privat

Wandle rem sofort in px um, mit anpassbarer Root-Schriftgröße. 1rem = 16px als Standard. Live-Zwei-Wege-Umrechnung, kopierfertig, 100 % im Browser.

Kein Tracking Läuft im Browser Kostenlos

Root-Schriftgröße

Pixel (px)

Rem (rem)

Vorschau

Franz jagt im Taxi quer durch Bayern

Geprüft auf Genauigkeit der CSS-rem-Einheit und Hinweise zur Barrierefreiheit — Go Tools Engineering Team · Jun 11, 2026

Kurzreferenz

Was ist 1rem in px?

1rem = 16px (bei 16px-Basis) Bei der Browser-Standard-Root-Schriftgröße von 16px entspricht 1rem genau 16px. Das ist der Anker für jede Umrechnung: px = rem × 16.

Wie lautet die rem-zu-px-Formel?

px = rem × Root-Schriftgröße Multipliziere den rem-Wert mit der Root-Schriftgröße. Zum Beispiel: 1.5rem × 16 = 24px. Ändere die Basis im Tool, wenn dein Projekt nicht 16px verwendet.

Was ist der 62.5%-Trick?

62.5% → 1rem = 10px html { font-size: 62.5% } zu setzen macht die Root 10px, also ist 1rem = 10px und rem-zu-px ist nur „mit 10 multiplizieren“. Setze die Basis dieses Tools auf 10, um ihn zu verwenden.

Was ist ein REM-zu-PX-Konverter?

Ein rem-zu-px-Konverter übersetzt rem-Einheiten in Pixelmaße. Die rem-Einheit („root em“) ist relativ zur Schriftgröße des Root-Elements : 1rem entspricht immer der Root-Schriftgröße, die Browser standardmäßig auf 16px setzen. Die Umrechnung ist eine einfache Multiplikation — px = rem × Root-Schriftgröße — doch sie für jeden Wert beim Lesen oder Debuggen eines Stylesheets zu prüfen, ist wiederholend, und genau das nimmt dir dieses Tool ab.

Entwickler schreiben CSS in der Regel in rem, wegen Barrierefreiheit und Skalierbarkeit: In rem geschriebene Werte skalieren mit der Schriftgrößen-Vorliebe des Browsers, während px-Werte fix bleiben. Doch es gibt viele Momente, in denen du die Pixelzahl brauchst — ein Design-Mockup treffen, Größen an einen Designer übergeben, der in Pixel arbeitet, eine reine px-Eigenschaft setzen oder debuggen, warum ein Element in einer bestimmten Größe gerendert wird. Dann ist das Zurückrechnen von rem in px genau das, was du willst.

Dieser Konverter hält das Rem- und das Pixel-Feld in Echtzeit verbunden, sodass du in beide Richtungen arbeiten kannst, und — anders als Tools, die eine 16px-Basis fest verdrahten — lässt er dich jede beliebige Root-Schriftgröße setzen. Das ist wichtig, weil ein Stylesheet mit der 62.5%-Technik (eine 10px-Root) rem in andere Pixelwerte auflöst als eine Standard-16px-Einstellung. Eine Live-Vorschau zeigt die resultierende Textgröße, und eine Referenztabelle listet gängige rem-Werte bei einer 16px-Basis zum schnellen Nachschlagen.

Brauchst du die andere Richtung? Nutze den px-zu-rem-Konverter. Zum Aufräumen des Stylesheets selbst probiere den CSS-Formatierer, und für die Farbarbeit siehe den Farbkonverter. Alles läuft in deinem Browser — deine Werte verlassen nie dein Gerät.

/* The core formula */
/* px = rem × root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12

Hauptfunktionen dieses REM-zu-PX-Konverters

Individuelle Root-Schriftgröße

Rechne gegen jede beliebige Basis um, nicht nur 16px. Passe zur 62.5%-Technik (10px) oder zur tatsächlichen Root-Schriftgröße deines Projekts — die meisten Tools verdrahten 16 fest.

Live-Zwei-Wege-Umrechnung

Rem- und Pixel-Felder bleiben in Echtzeit verbunden. Ändere die eine Seite und die andere aktualisiert sich sofort gegen deine gewählte Basis.

Eingebaute Größenvorschau

Eine Vorschauzeile stellt Text in der eingegebenen rem-Größe dar, sodass du den Maßstab siehst, nicht nur die Zahl.

Kopieren mit einem Klick

Kopiere den rem- oder px-Wert mit einem einzigen Klick in die Zwischenablage, bereit zum Einfügen in CSS oder ein Designtool.

Referenz-Umrechnungstabelle

Eine Tabelle gängiger rem-Werte und ihrer Pixel-Entsprechungen bei einer 16px-Basis zum schnellen Nachschlagen ohne Tippen.

100 % browserbasiert & privat

Die gesamte Mathematik läuft lokal in deinem Browser. Keine Serveranfragen, kein Tracking, keine Datenspeicherung — deine Werte verlassen nie dein Gerät.

Beispiele für die REM-zu-PX-Umrechnung

Fließtext — 1rem zu px

16px

Bei der Standard-Root-Schriftgröße von 16px entspricht 1rem genau 16px. Das ist die Grundlinie für jede andere Umrechnung: px = rem × 16.

Überschrift — 1.5rem zu px

1.5

24px

1.5rem ergibt 24px (1.5 × 16). Überschriften werden oft in rem geschrieben, damit sie mit der Schriftgrößen-Vorliebe des Nutzers skalieren, aber dennoch vertrauten Pixelgrößen entsprechen.

Kleines Label — 0.75rem zu px

0.75

12px

0.75rem sind 12px bei einer 16px-Basis. Das Prüfen des Pixelwerts hilft zu bestätigen, dass Kleingedrucktes lesbar bleibt.

Abstand — 0.5rem zu px

0.5

8px

0.5rem entsprechen 8px. Designsysteme drücken Innen- und Außenabstände oft in rem aus; das Zurückrechnen in px ist praktisch für eine pixelgenaue Prüfung.

Große Überschrift — 2rem zu px

32px

2rem ist genau das Doppelte der Basis, 32px. Saubere Vielfache wie dieses sind bei markanten Überschriften häufig.

Breakpoint — 48rem zu px

768px

Ein 48rem-Media-Query-Breakpoint ergibt 768px bei einer 16px-Basis — eine vertraute Tablet-Breite, ausgedrückt in skalierbaren Einheiten.

So rechnest du gängige rem-Werte in px um

Kurzreferenz für die rem-Werte, die Entwickler am häufigsten in px umrechnen, bei der Standard-Root-Schriftgröße von 16px.

So rechnest du 1rem in px um

1 rem → 16 px

Multipliziere 1 mit der 16px-Root-Schriftgröße, um 16px zu erhalten. 1rem ist der Ankerwert — er entspricht bei einer Standardeinstellung genau 16px, dem Bezugspunkt für alle anderen Umrechnungen.

1 rem → 16 px

Merke dir 1rem = 16px. Von dort halbiere für 0.5rem (8px) und verdopple für 2rem (32px).