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

Wandle px sofort in rem um, mit anpassbarer Root-Schriftgröße. 16px = 1rem 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 sind 16px in rem?

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

Wie lautet die px-zu-rem-Formel?

rem = px ÷ Root-Schriftgröße Teile den Pixelwert durch die Root-Schriftgröße. Zum Beispiel: 24px ÷ 16 = 1.5rem. Ä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 die rem-Mathematik ist nur „durch 10 teilen“. Setze die Basis dieses Tools auf 10, um ihn zu verwenden.

Was ist ein PX-zu-REM-Konverter?

Ein px-zu-rem-Konverter übersetzt Pixelmaße in rem-Einheiten für CSS. 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 Division — rem = px ÷ Root-Schriftgröße — doch sie für jede Schriftgröße, jeden Abstand und jeden Breakpoint in einem Stylesheet von Hand zu machen, ist mühsam und fehleranfällig, und genau das nimmt dir dieses Tool ab.

Der Grund, überhaupt umzurechnen, sind Barrierefreiheit und Skalierbarkeit. Wenn ein Wert in px geschrieben ist, ist er auf eine feste Größe festgelegt und ignoriert die Schriftgrößen-Vorliebe des Browsers. Wenn er in rem geschrieben ist, skaliert er proportional, sobald der Nutzer seine Standardschriftgröße erhöht — eine entscheidende Hilfe für Menschen mit Sehschwäche und ein angenehmeres Erlebnis für alle, die zoomen. Ein Designsystem in rem auszudrücken bedeutet außerdem, dass eine einzige Änderung der Root-Schriftgröße die gesamte Oberfläche konsistent neu skaliert.

Dieser Konverter hält das Pixel- und das Rem-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) anders umrechnet als eine Standard-16px-Einstellung. Eine Live-Vorschau zeigt die resultierende Textgröße, und eine Referenztabelle listet die häufigsten px-Werte bei einer 16px-Basis zum schnellen Nachschlagen.

Brauchst du die umgekehrte Richtung? Nutze den rem-zu-px-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 */
/* rem = px ÷ root-font-size (16px by default) */

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

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

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

Hauptfunktionen dieses PX-zu-REM-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

Pixel- und Rem-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 resultierenden rem-Größe dar, sodass du den Maßstab siehst, nicht nur die Zahl.

Kopieren mit einem Klick

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

Referenz-Umrechnungstabelle

Eine Tabelle der häufigsten px-Werte und ihrer rem-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 PX-zu-REM-Umrechnung

Fließtext — 16px zu rem

1rem

Bei der Standard-Root-Schriftgröße von 16px entspricht 16px genau 1rem. Das ist die Grundlinie, an der jede andere Umrechnung gemessen wird: rem = px ÷ 16.

Überschrift — 24px zu rem

1.5rem

Eine 24px-Überschrift wird zu 1.5rem (24 ÷ 16 = 1.5). Mit rem skaliert die Überschrift automatisch, wenn der Nutzer die Standardschriftgröße seines Browsers ändert.

Kleines Label — 12px zu rem

0.75rem

12px sind 0.75rem bei einer 16px-Basis. Kleingedrucktes und Bildunterschriften sind häufige Kandidaten für rem, damit sie die Schriftgrößen-Vorlieben des Lesers respektieren.

Abstand — 8px zu rem

0.5rem

8px entsprechen 0.5rem. Viele Designsysteme drücken Innen- und Außenabstände in rem aus, damit Abstände gemeinsam mit dem Text skalieren.

62.5%-Trick — 10px-Basis, 18px zu rem

1.125rem

Wenn du die Root-Schriftgröße auf 10px setzt (die 62.5%-Technik), wird 18px zu 1.8rem. Bei der Standard-16px-Basis sind 18px 1.125rem. Rechne immer gegen die Basis, die dein Projekt tatsächlich verwendet.

Breakpoint — 768px zu rem

48rem

Ein 768px-Media-Query-Breakpoint ist 48rem bei einer 16px-Basis. Rem-basierte Breakpoints zoomen vorhersehbarer, wenn Nutzer ihren Text skalieren.

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

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

So rechnest du 16px in rem um

16 px → 1 rem

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

16 px → 1 rem

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