Bedienungsanleitung
- Tragen Sie unter „Basis-Größe“ (Base Size) die standardmäßige
html font-sizeein (in der Regel 16px). - Geben Sie den gewünschten Wert (z. B.
24) in das PX-Feld ein. - Das REM-Feld aktualisiert sich sofort auf
1.5rem. Die Eingabe funktioniert ebenso umgekehrt (z. B.2remfür32px). - Nutzen Sie die Tabelle zur schnellen Orientierung für Schriftgrößen, Abstände und Tailwind-Klassen.
Kernfunktionen
- Sofortige Zwei-Wege-Umrechnung: PX- oder REM-Werte eingeben und direkt das Gegenstück erhalten – ganz ohne Berechnen-Button.
- Anpassbare Basis-Größe: Starten Sie standardmäßig mit 16px oder wechseln Sie flexibel zu 10px, 14px oder projektbasierten Wurzelgrößen.
- Integrierte Live-Tabelle: Wichtige CSS-Größen (wie 12px, 16px, 24px und 32px) aktualisieren sich automatisch bei Änderung des Basiswerts.
- Tailwind-Spacing-Referenz: Sehen Sie auf einen Blick die passenden Tailwind-Spacing-Tokens für Ihre Pixelwerte.
- Lokal und extrem schnell: Alle Berechnungen laufen direkt im Browser ab, ohne Netzwerkverzögerungen.
Verwandte Tools
Der FIRE-Rechner 2026 mit Inflationsbereinigung. Simulieren Sie die reale Kaufkraft, analysieren Sie Vorsorgelücken und erstellen Sie Ihren finanziellen Fahrplan. Exportieren Sie Daten per Klick als CSV für Excel oder Notion. 100 % privat, lokale Berechnung im Browser.
Berechnen Sie die Trading-Positionsgröße aus Kontostand, Risiko %, Einstiegspreis und Stop-Loss. Läuft lokal in Ihrem Browser und ermöglicht den Vergleich verschiedener Risikoszenarien vor dem Trade.
Berechnen Sie den Zinseszins aus Anfangskapital, regelmäßigen Beiträgen, jährlicher Rendite (APY) und Laufzeit. Visualisieren Sie Kapital, Zinsen und Endguthaben mit einem lokalen interaktiven Diagramm.
Nutzen Sie diesen Kreditrechner / Tilgungsrechner, um die monatliche Rate, die Zinsen und den Tilgungsplan lokal zu berechnen. Geben Sie Kreditsumme, Zinssatz und Laufzeit ein, um sofort Ergebnisse und Diagramme zu sehen.
Nutzen Sie diesen Investment-Rechner / ROI-Rechner, um Anfangskapital, monatliche Sparraten, jährliche Rendite und inflationsbereinigte Ergebnisse lokal zu schätzen. Visualisieren Sie prognostizierte Renditen mit einem Zinseszins-Diagramm, ROI und einem Jahresplan.
Nutzen Sie diesen APR-zu-APY-Rechner, um APR und APY lokal umzurechnen. Geben Sie einen Zinssatz ein, wählen Sie die Zinsperioden und sehen Sie sofort den effektiven Jahreszins, die Differenz und den Häufigkeitsvergleich.
Nutzen Sie diesen Gewinnspannen-Rechner, um Bruttogewinn, Aufschlag (Markup), Marge (Margin) und Verkaufspreis lokal zu berechnen. Geben Sie Kosten und Preis oder Kosten und Zielmarge ein, um Ihre Margen sofort zu berechnen.
Nutzen Sie diesen CPM- und CPC-Rechner, um Werbeausgaben, Impressionen, Klicks, CPM, CPC und CTR lokal zu berechnen. Geben Sie Budget und Zielkosten ein, um Kampagnenszenarien sofort zu planen.
Berechnungslogik
- PX-zu-REM-Formel:
REM = PX / Basis-Größe. - REM-zu-PX-Formel:
PX = REM × Basis-Größe. - Bei Standard-Browsereinstellungen entspricht
16px = 1remund24px = 1.5rem.
Häufig gestellte Fragen
Wie viel Pixel entspricht 1rem?
Standardmäßig entspricht 1rem genau 16px. Falls Ihr Projekt die Schriftgröße über html { font-size } verändert, gilt die geänderte Wurzelgröße.
Was ist der Unterschied zwischen PX und REM?
PX ist eine absolute Pixeleinheit. REM (Root EM) bezieht sich relativ auf die Schriftgröße des HTML-Wurzelelements. Dies verbessert die Barrierefreiheit und Barrierefreiheit-Einstellungen für Benutzer.
Warum nutzen einige Projekte 10px als Basis?
Manche Entwickler setzen html { font-size: 62.5%; }, damit 1rem genau 10px entspricht, was das Kopfrechnen erleichtert. Beachten Sie vorab jedoch eventuelle Einschränkungen bei Barrierefreiheit-Systemen.
Werden auch EM-Werte umgerechnet?
Nein. Dieses Tool fokussiert auf PX und REM. EM-Werte hängen von der Schriftgröße des aktuellen Elements ab und weichen daher oft von der Root-Größe ab.
Werden CSS- oder Designdaten hochgeladen?
Nein. Die Umrechnung läuft ausschließlich in Ihrem Webbrowser ab. Es werden keine Daten an einen Server übermittelt.