Web / CSS

CSS-Einheiten-Rechner

Rechne CSS-Einheiten wie px, rem, em, %, vw und vh gegeneinander um. Das Tool hilft bei Layouts, Typografie, responsiven Größen und beim Erstellen konsistenter CSS-Werte.

Rechner

CSS-Wert umrechnen

Alle Berechnungen laufen lokal im Browser. Es werden keine Eingaben an den Server gesendet.

Ausgangswert

Wert Von Einheit Nach Einheit

Bezugsgrößen

CSS-Einheiten sind teilweise relativ. Für rem, em, %, vw und vh werden deshalb konkrete Bezugsgrößen verwendet.

Root-Schriftgröße in px Kontextgröße für em/% in px Viewport-Breite in px Viewport-Höhe in px Rundung

Optionen

CSS-Variablen für alle Einheiten erzeugen Werte automatisch aktualisieren

Ergebnis 1rem

16px entsprechen 16px als gemeinsame Berechnungsbasis.

Einheit	Wert	Hinweis

Größen-Vorschau

Die Vorschau zeigt den berechneten Pixelwert begrenzt auf eine gut sichtbare Größe.

16px

Ausgabe

CSS-Code

px

px ist praktisch für exakte Größen, Rahmen, Icons und Pixel-orientierte Layoutdetails.

rem und em

rem bezieht sich auf die Root-Schriftgröße. em bezieht sich auf die aktuelle Kontextgröße.

vw, vh und %

vw und vh hängen vom Viewport ab. Prozentwerte hängen zusätzlich von Eigenschaft und Bezugselement ab.