PX / REM / EM Umrechner
Eine Länge in px, rem oder em einfügen und alle drei Einheiten gleichzeitig sehen, berechnet gegen eine anpassbare Basisschriftgröße. Im Browser umgerechnet — nie gesendet.
Entwicklerhinweise
• Reine Arithmetik — keine Farb- oder Einheitenbibliothek, anders als die colorjs.io-Abhängigkeit des Farbkonverters. • rem und em teilen sich dieselbe baseFontSize; dies ist eine Vereinfachung, kein echtes em im Eltern-Kontext pro Element. • px wird immer als Ganzzahl angezeigt; die Genauigkeit betrifft nur die Dezimalstellen von rem/em. • Eine reine Zahl ohne Einheitensuffix wird als px behandelt. • Die 25 px-Werte der Referenztabelle sind in v1 fest und werden live gegen baseFontSize/Genauigkeit neu berechnet.
Optionen
- Basisschriftgröße — Die Root-Schriftgröße in px, gegen die rem und em berechnet werden. Berechnet das eingefügte Ergebnis und jede Zeile der Referenztabelle neu. Standard 16 (Browser-/CSS-Standard).
- Genauigkeit — Angezeigte Dezimalstellen der berechneten rem/em-Werte, sowohl im eingefügten Ergebnis als auch in der Referenztabelle. Betrifft px nicht, das immer eine Ganzzahl ist. Standard 2.
- Referenztabelle — Zeigt oder verbirgt die 25-zeilige Schnellreferenztabelle gängiger px-Werte mit live berechneten rem/em-Äquivalenten. Standardmäßig aktiviert.
Verwandte CSS-Tools
Hub: Farb- & CSS-Werkzeuge. Farben umrechnen mit Farbkonverter, Kontrast prüfen mit WCAG-Farbkontrast-Prüfer, oder Stylesheets verkleinern und formatieren mit CSS minimieren und Verschönern CSS.
PX / REM / EM Umrechner FAQ
Lokaler Universal-Längenumrechner per Einfügen
Welche Längenformate kann ich einfügen?
Einen px-, rem- oder em-Wert, oder eine reine Zahl (als px behandelt). Keine andere CSS-Einheit (%, vw, vh, pt, ch) wird in v1 unterstützt.
Wie unterscheidet sich em hier von rem?
Gar nicht — em teilt sich dieselbe anpassbare baseFontSize wie rem, wie es die meisten dedizierten Rechner vereinfachen. Dies ist kein echtes em im Eltern-Kontext pro Element.
Werden meine Werte irgendwohin gesendet?
Nein. Die Umrechnung ist reine Arithmetik, die vollständig in Ihrem Browser läuft. FastMinify sendet die eingefügte Länge nie an einen Server.
Was zeigt die Referenztabelle?
Eine feste Menge von 25 gängigen px-Werten (0 bis 128, entlang der Tailwind-Abstandsskala) mit ihren live berechneten rem- und em-Äquivalenten gegen Ihre aktuelle Basisschriftgröße und Genauigkeit.
Farb- & CSS-Tools
Lokal eingefügte WCAG-Kontrastprüfung mit moderner CSS-Farbsyntax — Paar- und Matrixansicht, nie hochgeladen.
Weitere Werkzeugkategorien entdecken
Minimieren
Verkleinern Sie Code und Ressourcen für die Produktion – minimieren Sie JavaScript, CSS, HTML, JSON und XML vor der Bereitstellung von gzip oder CDN.
Aufheben
Erweitern Sie minimierten oder komprimierten Code – entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate beim Debuggen oder Überprüfen.
Konvertierung
Transformieren Sie Daten zwischen JSON, YAML, XML und CSV lokal – keine Server-Uploads.
Codierung
Kodieren oder dekodieren Sie Base64-, URL-Komponenten und HTML-Entitäten – nur clientseitig.
Serialisierung
Serialisieren und deserialisieren Sie PHP-Datenstrukturen neben JSON-Workflows.
JSON Werkzeuge
Validieren, formatieren, vergleichen und erkunden Sie JSON-Nutzlasten – ergänzend zu Minifiern und Konvertern.
SVG Werkzeuge
Vorschau anzeigen, mit SVGO optimieren, Daten exportieren URI, Größe ändern, verschönern, in JSX konvertieren und SVG validieren – alles in Ihrem Browser.
Verschönern
Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.
CSS-Präprozessoren
Kompilieren Sie SCSS oder LESS zu Standard-CSS im Browser — kombinieren Sie mit Beautify oder Minify für einen vollständigen Stylesheet-Workflow.
DevOps und Infrastruktur
Terraform HCL formatieren/validieren/minimieren, Dockerfile formatieren und lint, Docker Verfassen und .env-Validierung.
CI/CD
GitHub Aktionen und GitLab CI – formatieren Sie YAML und überprüfen Sie die Workflow-/Auftragsstruktur in Ihrem Browser.
Protokolle und Beobachtbarkeit
Zeilenorientierte JSON/NDJSON- und Nginx/Apache-Zugriffsprotokolle – formatieren, filtern, validieren und CSV/TSV.
Kubernetes
Multi-Doc-Manifeste, strukturelle Validierung, Ingress/Deployment-Starter und Helm-Werteformatierung.
Netzwerk / IP
CIDR, Subnetze und IPv4/IPv6-Helfer — im Browser.
Sicherheit und Token
JWKS, X.509-Zertifikate und Secrets-Scan – browserlokal.
API & Schemata
OpenAPI Tools zum Formatieren, Validieren und Flusen Ihrer Spezifikationen.
HTTP-Tools
cURL, HTTP-Nachrichten, URLs, HAR und Cookie/Set-Cookie lokal einfügen — formatieren und prüfen, nie gesendet.
Entwickler-Dienstprogramme
Zeitstempel, UUID, ULID, Nanoid, Cron, Passwörter, Regex, Slugify, Zahlenbasen, Groß-/Kleinschreibung, Textunterschied und chmod – alles clientseitig.
Text & Markdown
Wörter zählen, Markdown-TOC erzeugen und Zeilenlisten bereinigen — im Browser.
KI & LLM
Token-Zählung, Kostenschätzung und Kontextfenster — 100 % im Browser.
Testdaten
Synthetische Feldwerte für Fixtures und DB-Seed — zuerst reservierte Telefonnummern.