CSS-Einheiten-Umrechner

Geben Sie einen Wert ein und wählen Sie Einheiten zur Umrechnung. Passen Sie die erweiterten Einstellungen für 'em'-, 'rem'-, 'vw'-, 'vh'- und '%'-Berechnungen an.

Von Einheit

Zu Einheit

Common CSS Unit Conversions

From	To	Formula
px	rem	px ÷ rootFontSize
px	em	px ÷ parentFontSize
px	vw	(px ÷ viewportWidth) × 100
px	vh	(px ÷ viewportHeight) × 100
px	%	(px ÷ parentFontSize) × 100

Einheiten-Definitionen

px (Pixels): Pixel; eine absolute Einheit relativ zum Anzeigegerät.

em: Relativ zur Schriftgröße des Elternelements.

rem: Relativ zur Schriftgröße des Root-Elements (html).

vw/vh: 1% der Viewport-Breite.

%: Relativ zum Wert des Elternelements für dieselbe Eigenschaft (z.B. Schriftgröße des Elternelements für Schriftgrößen-Umrechnung).

pt (Points): Punkte; eine absolute Einheit (1pt = 1/72 Zoll).

in, cm, mm: Zoll; eine absolute Einheit (1in = 96px)., Zentimeter; eine absolute Einheit (1cm ≈ 37,8px)., Millimeter; eine absolute Einheit (1mm = 1/10 eines Zentimeters).

So verwenden Sie CSS-Einheiten-Umrechner

1
Wert und Einheiten eingeben
Geben Sie die Zahl ein, die Sie umrechnen möchten, und wählen Sie dann die Ausgangseinheit (Von) und die Zieleinheit (Nach), etwa px in rem.
2
Erweiterten Kontext festlegen
Öffnen Sie für relative Einheiten die erweiterten Einstellungen, um die Root-Schriftgröße, die übergeordnete Schriftgröße sowie Breite und Höhe des Viewports festzulegen, die in die Berechnung einfließen.
3
Umrechnen
Klicken Sie auf „Umrechnen“, um den entsprechenden Wert zu berechnen, oder verwenden Sie „Tauschen“, um die Einheiten Von und Nach zu vertauschen.

4
Ergebnis kopieren
Verwenden Sie „Ergebnis kopieren“, um den umgerechneten Wert für Ihr Stylesheet zu übernehmen.

Häufig gestellte Fragen

Zwischen welchen CSS-Einheiten kann es umrechnen?

Es rechnet zwischen px, em, rem, %, vw, vh, pt, in, cm und mm um, sodass Sie frei zwischen absoluten Einheiten und den relativen, responsiven Einheiten des modernen CSS wechseln können.

Warum benötigen Umrechnungen von em, rem und Viewport-Einheiten zusätzliche Einstellungen?

Diese Einheiten sind relativ, sodass ihr Pixelwert vom Kontext abhängt. In den erweiterten Einstellungen legen Sie die Root-Schriftgröße für rem, die übergeordnete Schriftgröße für em und % sowie die Breite und Höhe des Viewports für vw und vh fest, damit die Ergebnisse zu Ihrem realen Layout passen.

Welche Basis-Schriftgröße wird angenommen?

Standardmäßig werden 16 px verwendet, die typische Root-Schriftgröße des Browsers, für Umrechnungen von em und rem. Sie können die Root- und die übergeordnete Schriftgröße in den erweiterten Einstellungen überschreiben, falls Ihr Design eine andere Basis verwendet.

Wie genau sind die Umrechnungen absoluter Einheiten?

Absolute Einheiten folgen der CSS-Spezifikation, in der 1 in gleich 96 px, 1 pt gleich 1/72 Zoll und 1 cm etwa 37,8 px ist, sodass Umrechnungen zwischen px, pt, in, cm und mm exakt sind.

Ist der Konverter kostenlos und läuft er lokal?

Ja. Er ist kostenlos und ohne Registrierung nutzbar, funktioniert auf Mobilgeräten und führt jede Berechnung in Ihrem Browser aus, sodass keine Daten an einen Server gesendet werden.

CSS-Einheiten-Umrechner

So verwenden Sie CSS-Einheiten-Umrechner

Häufig gestellte Fragen

Verwandte Tools