Pixel-zu-EM/REM-Konverter
Konvertieren Sie px, rem, em, pt und % mit einer Live-Tabelle und kopierfertigem CSS
rem bezieht sich auf die Wurzel-Schriftgröße; em und % beziehen sich auf das übergeordnete Element.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Über Pixel-zu-EM/REM-Konverter
Der Pixel-zu-EM/REM-Konverter übersetzt CSS-Längenwerte zwischen px, rem, em, pt und Prozent. Geben Sie einen Wert in einer der fünf Einheiten ein, und eine Live-Tabelle zeigt das Äquivalent in allen anderen — plus ein kopierbares CSS-Snippet, das Sie direkt in ein Stylesheet einfügen können.
Die Umrechnungen berücksichtigen, wie CSS Einheiten tatsächlich auflöst: rem bezieht sich auf die Root-Schriftgröße, während em und % sich auf die Schriftgröße des übergeordneten Elements beziehen. Beide Referenzgrößen sind editierbar, sodass Sie eine 16-px-Root mit einer 14-px-Komponente modellieren können, oder jede beliebige Skala Ihres Design-Systems.
Eine Tabelle gängiger Werte bildet die Größen ab, die Designer am häufigsten verwenden — sodass Fragen wie „was ist 24px in rem“ auf einen Blick beantwortet werden. Das Tool ist kostenlos, aktualisiert sich beim Tippen und ist ein Standardwerkzeug, um feste Pixel-Mockups in zugängliches, skalierbares rem-basiertes CSS umzuwandeln.
So verwenden Sie Pixel-zu-EM/REM-Konverter
- Geben Sie den umzurechnenden Wert ein und wählen Sie seine Einheit: px, rem, em, pt oder %.
- Passen Sie die Root-Schriftgröße (für rem) und die übergeordnete Schriftgröße (für em und %) an, falls sie von 16 px abweichen.
- Lesen Sie die umgerechneten Werte in der Live-Tabelle.
- Kopieren Sie das generierte CSS-Snippet oder einen beliebigen Wert aus der Tabelle gängiger Werte.