ToolHub
Tool öffnen

CSS Einheiten-Konverter

Konvertieren Sie in Echtzeit zwischen px, rem, em, pt, vw, vh und weiteren CSS-Einheiten

Formatkonvertierung
Tool starten Alle Tools

Über dieses Tool

Der CSS Einheiten-Konverter konvertiert zwischen allen gängigen CSS-Längeneinheiten, einschließlich px, rem, em, pt, vw, vh, cm, mm, in und %. Er bietet eine konfigurierbare Basisschriftgröße und Viewport-Abmessungen, zeigt Echtzeit-Konvertierungsergebnisse für alle Einheiten gleichzeitig an und enthält eine Referenztabelle für gängige Größen zum schnellen Nachschlagen.

Hauptfunktionen

Schnellvorschau

Anwendungsfälle

css units converter

Häufige Fragen

Welche CSS-Einheiten werden unterstützt?

Der Konverter unterstützt px, rem, em, pt, vw, vh, cm, mm, in und %. Sie können zwischen zwei beliebigen Einheiten konvertieren und die Ergebnisse für alle Einheiten gleichzeitig in einem vollständigen Einheitenraster anzeigen.

Wie funktionieren rem- und em-Konvertierungen?

Rem- und em-Konvertierungen verwenden eine konfigurierbare Basisschriftgröße, die standardmäßig 16px beträgt. Sie können diesen Wert ändern, um ihn an die Root-Schriftgröße Ihres Projekts anzupassen. Em-Einheiten werden basierend auf derselben Basisschriftgröße berechnet.

Wie werden Viewport-Einheiten berechnet?

Viewport-Einheiten (vw und vh) werden basierend auf konfigurierbaren Viewport-Breiten- und -Höhenwerten berechnet, die standardmäßig 1920px bzw. 1080px betragen. Sie können diese Werte an Ihre Zielbildschirmgröße anpassen.

Kann ich Konvertierungsergebnisse kopieren?

Ja, klicken Sie auf einen beliebigen Ergebniswert, um ihn in die Zwischenablage zu kopieren. Nach erfolgreichem Kopieren wird eine Benachrichtigung angezeigt. Diese Funktion ist sowohl für das Hauptergebnis als auch für einzelne Ergebnisse im vollständigen Einheitenraster verfügbar.

Was ist die Referenztabelle für gängige Größen?

Die Referenztabelle zeigt standardmäßige Typografie-Größen (wie Fließtext, Überschriften und Display-Größen) mit ihren entsprechenden Werten in px, rem und pt. Dies hilft Ihnen, schnell geeignete Werte für gängige Designmuster zu finden, ohne manuell rechnen zu müssen.

Verwandte Tools

Base64-Kodierungs-/DekodierungstoolURL-Kodierungs-/DekodierungstoolZeitstempel-KonverterEinheitenumrechner