PX-REM-Konverter
PX-zu-REM-Konverter, der CSS-Pixel und rem in beide Richtungen anhand einer anpassbaren Root-Schriftgröße umrechnet, Dezimalwerte inklusive. Mit kopierbarer Referenztabelle und CSS-Snippet, kostenlos im Browser.
font-size: 1rem;px ↔ rem Referenztabelle (Basis-Schriftgröße: 16px)
| px | rem | Kopieren |
|---|---|---|
| 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 | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
Einbetten
Was ist PX-REM-Konverter?
PX-zu-REM-Konverter, der CSS-Pixel und rem in beide Richtungen anhand einer anpassbaren Root-Schriftgröße umrechnet, Dezimalwerte inklusive. Mit kopierbarer Referenztabelle und CSS-Snippet, kostenlos im Browser.
Anleitung
- 1Basisgröße festlegen— Legen Sie die Basis-Schriftgröße fest (Standard 16px).
- 2Wert eingeben— Geben Sie einen px- oder rem-Wert ein.
- 3Ergebnisse prüfen— Sehen Sie den umgerechneten Wert und das CSS-Snippet.
- 4Referenztabelle nutzen— Kopieren Sie häufig verwendete Werte direkt aus der Referenztabelle unten.
Verwandte Tools
Häufig gestellte Fragen
rem ist eine relative Einheit, die auf der Schriftgröße des Wurzelelements (html) basiert. Der Standardwert ist 16px.
Ja. Ändern Sie die Basis-Schriftgröße oben und die Ergebnisse sowie die Referenztabelle aktualisieren sich automatisch.
em bezieht sich auf das Elternelement, rem auf das Wurzelelement (html). rem ist vorhersehbarer.
Ja, Dezimalumrechnungen wie 12,5px → 0,7813rem werden unterstützt.
Nein. Alle Berechnungen erfolgen im Browser.