Zurück zu allen Tools

Pixel to REM Converter

Rechne CSS-Einheiten schnell zwischen Pixel und REM um.

Basis-Schriftgrösse

px

Standard in den meisten Browsern ist 16px. 1rem=1 × Basis-Schriftgrösse.

Umrechnung

px
rem

Referenztabelle

Basis: 16px

PixelREMPixelREM

Was ist REM?

REM (Root EM) ist eine relative CSS-Einheit, die sich auf die Schriftgrösse des <html>-Elements bezieht.

Anders als EM, das sich auf das Elternelement bezieht, ist REM konsistent im gesamten Dokument.

Vorteile von REM

  • Bessere Zugänglichkeit
  • Einfacher zu skalieren
  • Konsistente Proportionen
  • Respektiert Browser-Einstellungen

CSS-Beispiel

html {
  font-size: 16px;
}

h1 {
  font-size: 2rem;    /* 32px */
}

p {
  font-size: 1rem;    /* 16px */
  margin: 1.5rem 0;   /* 24px */
}

Tipps

  • Verwende rem für Schriftgrössen
  • px für Borders und Schatten
  • rem für Abstände (margin, padding)
  • 62.5%-Trick: html { font-size: 62.5%; } macht 1rem=10px

War dieses Tool hilfreich?