PX-REM-Konverter
px (base: 16px)
1rem
font-size: 1rem;px ↔ rem Reference Table (Base Font Size: 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 |
Zuletzt aktualisiert: 2026 · Kostenloses Online-Tool
Was ist PX-REM-Konverter?
Kostenloses Online-Tool, das CSS-Pixel- und rem-Einheiten in beide Richtungen anhand einer anpassbaren Root-Schriftgröße umrechnet, Dezimalwerte unterstützt und eine kopierbare Referenztabelle samt CSS-Snippet bietet.
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
Farbcode-KonverterKostenloser Online-Farbkonverter, der sofort zwischen HEX-, RGB-, HSL- und OKLCH-Codes umrechnet und das WCAG-Kontrastverhältnis zweier Farben berechnet, um die Barrierefreiheit leicht zu prüfen.
Zeitstempel-KonverterKostenloses Online-Tool zur bidirektionalen Umwandlung zwischen Unix-Zeitstempeln und Datumsangaben. Es akzeptiert Sekunden (10 Stellen) und Millisekunden (13 Stellen) und unterstützt KST, JST, UTC sowie ISO 8601.
CSS-Box-Shadow-GeneratorKostenloser Online-CSS-box-shadow-Generator mit Reglern für Versatz, Weichzeichnung, Streuung, Farbe und Inset, der eine Live-Vorschau des Schattens bietet und kopierfertigen box-shadow-CSS-Code erzeugt.
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.