PX-zu-REM-Konverter
Konvertieren Sie zwischen PX-, REM-, EM- und PT-CSS-Einheiten mit anpassbarer Basisgröße
Einheiten-Konverter
Schnellreferenztabelle
| PX | REM | EM | PT |
|---|
CSS-Variablen-Ausgabe
Anwendungsbeispiele
Typografie-Skala
Konvertieren Sie eine komplette Typografie-Skala von Pixeln zu REMs für responsives Webdesign.
Responsives Layout
Konvertieren Sie Abstands- und Größenwerte von PX zu REM für fließende responsive Layouts.
CSS-Variablen
Generieren Sie CSS Custom Properties mit REM-Werten aus Ihrem pixelbasierten Designsystem.
Funktionen
Bidirektionale Konvertierung
Konvertieren Sie sofort von jeder Einheit zu allen anderen — PX, REM, EM und PT
Schnellreferenztabelle
Sehen Sie gängige Pixelwerte und ihre REM-, EM- und PT-Äquivalente auf einen Blick
Massenkonvertierung
Fügen Sie mehrere PX-Werte auf einmal ein und erhalten Sie alle Konvertierungen mit einem Klick
Datenschutz zuerst
Alle Einheitenkonvertierungen geschehen lokal in Ihrem Browser, keine Daten werden gesendet
Wie benutzt man es?
Basisgröße festlegen
Legen Sie Ihre Basis-Schriftgröße fest (Standard ist 16px). Diese wird als Referenz für REM- und EM-Berechnungen verwendet.
Wert eingeben
Geben Sie einen Wert in ein beliebiges Einheitenfeld ein (PX, REM, EM oder PT) und alle anderen werden automatisch aktualisiert.
Ergebnisse kopieren
Kopieren Sie einzelne Werte, die Referenztabelle oder die CSS-Variablen-Ausgabe für Ihr Projekt.
Häufig gestellte Fragen
Was ist PX to REM Converter?
Set your base font size, type a value in any unit, and see all the others update instantly. Includes a quick reference table, bulk converter, and CSS custom properties output.
Wichtige Funktionen
Bidirectional conversion between PX, REM, EM, and PT. Customizable base font size, reference table for common values, bulk conversion mode, CSS variables output.
Typische Anwendungen
Building responsive websites with REM units, converting legacy PX-based designs, ensuring accessibility by respecting user font size preferences, or generating CSS variables for design systems.
Tipps
REM is relative to the root element font size (usually 16px). EM is relative to the parent element. REM is more predictable for consistent sizing across components.
Datenschutz
All calculations happen in your browser. Nothing is sent to a server.