CSS-Einheiten-Konverter
Zwischen CSS-Einheiten umrechnen: px, rem, em, pt, cm, mm und in.
Basis-Schriftgröße (px)
Häufige Breakpoints
| Name | px | rem |
|---|---|---|
| sm | 640px | 40rem |
| md | 768px | 48rem |
| lg | 1024px | 64rem |
| xl | 1280px | 80rem |
| 2xl | 1536px | 96rem |
Über den CSS-Einheiten-Konverter
CSS unterstützt verschiedene Einheiten für Elementgrößen, Schriften und Abstände. Pixel (px) sind absolute Einheiten, während rem und em relativ zur Schriftgröße sind — unverzichtbar für responsives Design. Dieses Tool rechnet sofort zwischen allen gängigen CSS-Einheiten um, mit einstellbarer Basis-Schriftgröße für genaue rem/em-Berechnungen.
So funktioniert’s
Wähle die Quelleinheit aus den Schaltflächen oben und gib einen Zahlenwert ein. Alle Umrechnungen werden sofort angezeigt. Passe die Basis-Schriftgröße an (Standard 16px), falls dein Projekt eine andere Root-Schriftgröße verwendet. Klicke auf das Kopieren-Symbol neben einem Ergebnis, um es zu kopieren.
Häufige Anwendungsfälle
- Pixelwerte in rem für responsive Typografie umrechnen
- Druckeinheiten (pt, cm, mm) in Bildschirmeinheiten (px) übertragen
- Em-Werte relativ zu einer benutzerdefinierten Basis-Schriftgröße berechnen
- Konsistente Abstandswerte über verschiedene Einheitensysteme generieren
- Designvorgaben von Zoll oder Punkt in Pixel konvertieren