Pixel in Rem Umrechnen
Geben Sie einen Pixel-Wert ein, um ihn in Rem-Einheiten umzurechnen. Die Umrechnung teilt Ihren Pixel-Wert durch die Wurzelschriftgröße (Standard 16px). Dies ist die häufigste CSS-Einheitenumrechnung für die moderne Webentwicklung.
Häufige Pixel-zu-Rem-Werte
| Pixel | Rem (16px-Basis) | Rem (14px-Basis) | Verwendungszweck |
|---|---|---|---|
| 12px | 0.75rem | 0.857rem | Kleiner Text |
| 14px | 0.875rem | 1rem | Fließtext |
| 16px | 1rem | 1.143rem | Standard-Schriftgröße |
| 18px | 1.125rem | 1.286rem | Überschriftentext |
| 24px | 1.5rem | 1.714rem | H3-Überschriften |
| 32px | 2rem | 2.286rem | H2-Überschriften |
| 48px | 3rem | 3.429rem | H1-Überschriften |
So verwenden Sie es
- Das Tool öffnet sich mit 16px vorausgefüllt und rechnet in 1rem um
- Geben Sie einen beliebigen Pixel-Wert in das Eingabefeld ein
- Passen Sie die Basis-Schriftgröße an, wenn Ihr Projekt etwas anderes als 16px verwendet
- Kopieren Sie den Rem-Wert aus der Ergebnistabelle
Praxisbeispiel
Eine Design-Spezifikation erfordert 24px Polsterung mit einer Wurzelschriftgröße von 16px. Teilen Sie 24 durch 16, um 1.5rem zu erhalten. Wenn Ihre Wurzelschriftgröße 14px beträgt, teilen Sie 24 durch 14, um ungefähr 1.714rem zu erhalten.
Für weitere Umrechnungen sehen Sie sich den vollständigen CSS-Einheiten-Konverter an oder probieren Sie Rem zu Px.