DevBentoRem-zu-Px-Konverter
Rem-Einheiten sofort in Pixel umrechnen. Kostenloser CSS-Rem-zu-Px-Konverter mit anpassbarer Wurzelschriftgröße und sofortiger Ergebnisanzeige online.
Viewport-Einstellungen
| Einheit | Wert | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
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.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.