Zum Inhalt springen
ToolsMinify logo
Konverter-Tools

PX zu REM Umrechner

Rechnen Sie CSS-Laengen zwischen px, rem und em mit konfigurierbarer Basis-Schriftgroesse um (Browser-Standard 16px).

Über PX zu REM Umrechner

Rechnen Sie CSS-Laengen zwischen px, rem und em mit konfigurierbarer Basis-Schriftgroesse um (Browser-Standard 16px). Tippen Sie einen Wert und die anderen Einheiten aktualisieren sich sofort - danach CSS zum Einfuegen kopieren, z. B. `1.5rem`. Eine Schnellreferenz listet uebliche Pixelgroessen bei Ihrer aktuellen Basis - praktisch fuer Tailwind-aehnliche Skalen und Root-font-size-Tests. Alles laeuft im Browser. Kombinieren Sie es mit dem HEX zu RGB Umrechner oder dem Pixel zu Zoll Umrechner.

So verwenden Sie PX zu REM Umrechner

  1. Basis-Schriftgroesse in px setzen (Standard 16) oder ein Preset wie 14 oder 18 waehlen.
  2. Wert in px, rem oder em eingeben - die anderen beiden Felder aktualisieren sich automatisch.
  3. Einzelne Einheiten oder alle drei auf einmal fuer Ihr Stylesheet kopieren.
  4. Schnellreferenz fuer uebliche Groessen bei der aktuellen Basis nutzen. Nichts wird hochgeladen.

Beispiele für PX zu REM Umrechner

16px bei 16px Basis

16px = 1rem = 1em, wenn die Basis-Schriftgroesse 16px ist (Browser-Standard).

24px zu rem

24px / 16 = 1.5rem. Nuetzlich fuer mittlere Ueberschriften und Spacing-Tokens.

Eigene 10px Root

Bei html { font-size: 10px } gilt 20px = 2rem. Basis auf 10 setzen und umrechnen.

Body-Text 0.875rem

0.875rem bei 16px Basis entspricht 14px - eine uebliche kleine Fliesstextgroesse.

Häufige Anwendungsfälle

  • Design-px in rem fuer fluides CSS umrechnen
  • rem und em gegen eine eigene Root-font-size pruefen
  • Spacing-Skala mit der Schnellreferenz bauen oder auditieren
  • Tailwind-aehnliche px-Schritte in rem-Tokens uebersetzen
  • em und rem mit derselben Referenzbasis vergleichen

Häufig gestellte Fragen zu PX zu REM Umrechner

Wie rechne ich px in rem um?
Pixel durch die Root-Schriftgroesse in px teilen. Bei 16px Basis gilt rem = px / 16. Beispiel: 24px / 16 = 1.5rem. Das Tool rechnet beim Tippen.
Was ist der Unterschied zwischen rem und em?
rem bezieht sich auf die Schriftgroesse des Root-Elements. em bezieht sich auf die des Elternelements. Hier nutzen beide Ihre gewaehlte Basis, damit Sie sie gegen eine Referenzgroesse vergleichen koennen.
Welche Basis-Schriftgroesse soll ich verwenden?
Die meisten Browser nutzen 16px, wenn html keine font-size setzt. Nutzt Ihr System html { font-size: 62.5% } oder 10px / 18px, geben Sie diesen Pixelwert als Basis ein.
Kann ich rem oder em zurueck in px umrechnen?
Ja. Rem- oder em-Wert eingeben und das px-Feld aktualisiert sich. Formel: px = rem (oder em) mal Basis-Schriftgroesse.
Wofuer ist die Schnellreferenz?
Sie listet uebliche px-Groessen (4 bis 96) mit rem und em bei Ihrer aktuellen Basis, damit Sie eine Skala scannen koennen ohne jeden Wert einzugeben.
Verlassen meine Eingaben das Geraet?
Nein. Der PX zu REM Umrechner laeuft nur in Ihrem Browser. Werte werden nicht hochgeladen oder auf einem Server gespeichert.

Verwandte Tools

Pixel-zu-Zoll-Konverter

Konvertieren Sie Pixel zu Zoll und Zoll zu Pixel mit DPI (PPI). Enthält druckfertige Beispiele für Web und 300-DPI-Design.

HEX-zu-RGB-Konverter

Konvertieren Sie HEX zu RGB (und zurück) mit HSL, CMYK, einer Tint-Shade-Rampe, WCAG-Kontrastkarten und einem CSS-Token-Snippet - kostenloser Online-Farbcode-Konverter.

RGB-zu-HSL-Konverter

Wandeln Sie RGB in HSL und HSL in RGB sofort um. Kostenloser Online-Farbkonverter mit Live-Swatch und kopierfertigem rgb()- und hsl()-CSS.

CSS Verlaufs-Generator

Erstellen Sie CSS Linear-, Radial- und Conic-Verlaeufe mit Live-Vorschau. Farbstops waehlen, Background-CSS kopieren und in Ihr Stylesheet einfuegen. Laeuft im Browser.