Kostenloser PX-zu-REM-Konverter
Pixel in REM-Einheiten und REM in Pixel umrechnen mit konfigurierbarer Basisschriftgröße. Enthält eine Schnellreferenztabelle mit 15 gängigen Werten. Keine Anmeldung erforderlich.
100% kostenlos — kein Konto erforderlich
Ergebnis
1rem
Referenztabelle
| Pixel (px) | REM | |
|---|---|---|
| 8px | 0.5rem | |
| 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 | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem |
Funktionen von Kostenloser PX-zu-REM-Konverter
Schluss mit dem Kopfrechnen von REM-Werten
Eigene Basisgröße
Beliebige Basisschriftgröße festlegen (Standard 16px), passend zu Ihrem Projekt.
Bidirektional
PX in REM und REM in PX umrechnen mit sofortigem Ergebnis.
Werte kopieren
Jeden Wert aus der Tabelle oder dem Umrechnungsergebnis mit einem Klick kopieren.
Referenztabelle
Schnellübersicht für 15 gängige PX-Werte und ihre REM-Entsprechungen.
FAQ
Warum REM statt PX verwenden?
REM-Einheiten sind relativ zur Stammschriftgröße und machen Ihr Design responsiv und barrierefrei. Nutzer, die ihre Browser-Schriftgröße erhöhen, sehen Ihren Inhalt korrekt skaliert.
Welche Basisschriftgröße sollte ich verwenden?
16px ist der Browser-Standard und die häufigste Wahl. Manche Design-Systeme verwenden 10px (einfachere Berechnung: 1.6rem = 16px), was jedoch html { font-size: 62.5% } erfordert.
Wann sollte ich weiterhin PX verwenden?
Verwenden Sie PX für Rahmen, Box-Schatten und feine Details, die nicht skalieren sollen. Verwenden Sie REM für Schriftgrößen, Innenabstände, Außenabstände und alle Abstände, die mit den Nutzereinstellungen skalieren sollen.
Mehr Entwickler-Werkzeuge
CSS-Gradient-Generator, Farbkontrast-Prüfer und mehr.