Rem in Pixel Umrechnen
Geben Sie einen Rem-Wert ein, um ihn in Pixel umzurechnen. Die Umrechnung multipliziert Ihren Rem-Wert mit der Wurzelschriftgröße (Standard 16px). Verwenden Sie dies, wenn Sie die tatsächliche Pixel-Ausgabe relativer CSS-Einheiten verstehen müssen.
Häufige Rem-zu-Pixel-Werte
| Rem | Pixel (16px-Basis) | Pixel (14px-Basis) | Kontext |
|---|---|---|---|
| 0.5rem | 8px | 7px | Kleine Abstände |
| 0.75rem | 12px | 10.5px | Kleiner Text |
| 0.875rem | 14px | 12.25px | Fließtext (manche Frameworks) |
| 1rem | 16px | 14px | Standard-Schriftgröße |
| 1.25rem | 20px | 17.5px | Großer Fließtext |
| 1.5rem | 24px | 21px | H3-/Abschnittsüberschriften |
| 2rem | 32px | 28px | H2-Überschriften |
| 3rem | 48px | 42px | H1-Überschriften |
So verwenden Sie es
- Das Tool öffnet sich mit 1rem vorausgefüllt und rechnet in 16px um
- Geben Sie einen beliebigen Rem-Wert in das Eingabefeld ein
- Passen Sie die Basis-Schriftgröße an, wenn Ihr Projekt etwas anderes als 16px verwendet
- Kopieren Sie den Pixel-Wert aus der Ergebnistabelle
Praxisbeispiel
Sie sehen font-size: 1.25rem in den berechneten Stilen und müssen die tatsächliche Pixel-Größe kennen. Mit einer Wurzelschriftgröße von 16px multiplizieren Sie 1.25 × 16 = 20px. Wenn Ihr Framework 14px-Basis verwendet, wäre es 1.25 × 14 = 17.5px.
Für weitere Umrechnungen sehen Sie sich den vollständigen CSS-Einheiten-Konverter an oder probieren Sie Px zu Rem.