CSS-Einheiten-Konverter

• Sofortige 18-Einheiten-Konvertierung: konvertieren Sie jeden CSS-Einheitenwert sofort in alle 18 unterstützten Einheiten - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh und rlh. Unser CSS-Einheiten-Konverter zeigt alle Ergebnisse gleichzeitig in einem übersichtlichen Kategorieraster, ohne Wartezeit.
• Konfigurierbare Basiswerte: legen Sie Root-Schriftgröße, Parent-Schriftgröße, Viewport-Breite und Viewport-Höhe passend zum Projektkontext fest. Wählen Sie aus gängigen Vorgaben (von 375px iPhone bis 2560px QHD) oder geben Sie eigene Werte ein. Alle Konvertierungen aktualisieren sich sofort, wenn Sie eine Einstellung ändern.
• 100 % Datenschutz im Browser: alle CSS-Einheiten-Konvertierungen erfolgen lokal in Ihrem Browser. Ihre Werte und Einstellungen verlassen niemals Ihr Gerät - völlig sicher für proprietäre Projekte und Design-Systeme. Keine Server-Uploads, keine Datenspeicherung, kein Tracking.
• Kostenlos und ohne Limits: konvertieren Sie unbegrenzt CSS-Einheiten ohne Registrierung, Abo und Nutzungsgrenzen. Unser CSS-Einheiten-Konverter ist für immer völlig kostenlos, ohne Premium-Funktionen hinter einer Paywall.

CSS-Einheiten definieren Größe und Maß von Elementen auf einer Webseite. Sie fallen in vier Hauptkategorien: absolute Einheiten (px, pt, pc, cm, mm, in, q) mit festen physischen Größen, schriftrelative Einheiten (em, rem, %, ch, ex, lh, rlh), die mit der Typografie skalieren, Viewport-Einheiten (vw, vh, vmin, vmax), die mit dem Browserfenster skalieren, und Prozentwerte, die mit dem Elternelement skalieren. Unser CSS-Einheiten-Konverter unterstützt alle 18 Einheiten und zeigt Ihnen sofort äquivalente Werte in jeder Kategorie.

1. Wert eingeben und Ausgangseinheit wählen: geben Sie eine beliebige Zahl ein und wählen Sie die Einheit, aus der Sie konvertieren. Sie können mit jeder der 18 unterstützten CSS-Einheiten beginnen - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh oder rlh.
2. Kontextabhängige Einstellungen konfigurieren: legen Sie Root-Schriftgröße (für rem, rlh), Parent-Schriftgröße (für em, %, ch, ex), Viewport-Breite (für vw, vmin, vmax) und Viewport-Höhe (für vh, vmin, vmax) fest. Wählen Sie aus gängigen Vorgaben oder geben Sie eigene Werte ein. Die Ergebnisse aktualisieren sich automatisch bei jeder Anpassung.
3. Sofortige Ergebnisse ablesen: sehen Sie den konvertierten Wert in allen 18 Einheiten, organisiert nach Kategorie (absolut, schriftrelativ, Viewport). Klicken Sie auf eine Ergebniskarte, um sie als neue Eingabe festzulegen und weiter zu konvertieren. Kopieren Sie einzelne Werte oder die CSS-Ausgabe mit einem Klick.

• Absolute Einheiten haben feste physische Größen, die durch das CSS-Referenzpixelverhältnis (96 DPI) definiert sind. 1in = 96px , 1cm ≈ 37.8px , 1pt = 1/72in . Sie eignen sich am besten für Druck-Stylesheets und wenn exakte physische Abmessungen erforderlich sind.
• Schriftrelative Einheiten skalieren mit den Typografie-Einstellungen. Verwenden Sie rem für root-relative Größen, em für parent-relative Größen und % als Alternative zu em. Werte für ch und ex sind Näherungen (basierend auf 0.5× der Schriftgröße), während lh und rlh die Standard-Zeilenhöhe von 1.2 annehmen.
• Viewport-Einheiten skalieren mit den Abmessungen des Browserfensters. 1vw = 1 % der Viewport-Breite , 1vh = 1 % der Viewport-Höhe , vmin nutzt die kleinere Dimension und vmax die größere. Legen Sie Ihre Ziel-Viewport-Größe fest, um genaue Pixeläquivalente zu erhalten.

Alle Konvertierungen absoluter Einheiten in unserem CSS-Einheiten-Konverter sind mathematisch präzise auf Basis des CSS-Referenzpixelverhältnisses (1in = 96px). Schriftrelative Einheiten (ch, ex, lh, rlh) verwenden Standard-Näherungen: ch und ex werden auf 0.5× der Schriftgröße geschätzt, lh auf 1.2× der Parent-Schriftgröße und rlh auf 1.2× der Root-Schriftgröße. Tatsächliche gerenderte Werte hängen von der konkreten Schriftart und dem Browser ab. Für pixelgenaue Arbeit prüfen Sie stets mit Ihrer tatsächlichen Typografie im Zielbrowser.