256 Tools

CSS-Einheitenumrechner (px / rem / em)

Entsprechungen
px16px
rem1rem
em1em
pt12pt
%100%

Verwandte externe Websites

Einige Links sind Affiliate-Links.

JetBrainsEin Entwickler-Tool-Unternehmen hinter beliebten IDEs wie IntelliJ IDEA, WebStorm, PyCharm und Rider. Bekannt für tiefe Code-Intelligenz, Refactoring-Unterstützung und integrierte Debugging-Tools. Bietet ein All Products Pack-Abonnement für die gesamte Suite.AmazonDer weltgrößte Online-Marktplatz für Einkäufe, Elektronik, Bücher, Software und mehr. Schneller Versand, einfache Rückgaben und ein riesiger Produktkatalog machen es zur ersten Wahl für alltägliche Einkäufe. Prime fügt Streaming, kostenlosen Versand und exklusive Angebote hinzu.

Verwandte Tools

Farbformat-KonverterWandle eine Farbe in HEX, RGB, HSL, HSV und CMYK um und kopiere fertigen Code für CSS, SwiftUI, Android und Flutter – im Browser.Base64 Encodieren / DecodierenText zu Base64 encodieren oder Base64 sofort decodieren — Umlaute und Emojis ohne Fehler (UTF-8), URL-sicheres Base64, Bild in Data URL. Alles im Browser.Flexbox-SpielwieseSchalte flex-direction, justify-content, align-items, wrap und gap mit Live-Vorschau um und kopiere das CSS. Ein schneller Weg, Flex-Layouts zu lernen und zu bauen. Im Browser.CSS-clamp()-GeneratorWandle Min- und Max-Größe plus Viewport-Bereich in einen fließenden CSS-clamp()-Wert für responsive Typografie und Abstände um, mit Live-Vorschau. Im Browser.

Rechne CSS-Längen zwischen px, rem, em, pt und Prozent um. Da rem von der Wurzel-Schriftgröße und em sowie Prozent von der Eltern- (Basis-)Schriftgröße abhängen, kannst du beide einstellen — der Standard ist 16px, der Browserwert. Gib einen Wert ein, wähle die Einheit und sieh alle Entsprechungen auf einmal. Alles läuft im Browser.

So wird's verwendet

  1. Wert eingeben und Einheit wählen.
  2. Wurzel-Schriftgröße und Basisgröße für em/% festlegen.
  3. Die Entsprechung in jeder Einheit ablesen oder kopieren.

Wie es funktioniert

Jeder Wert wird zunächst in Pixel umgerechnet: rem multipliziert mit der Wurzel-Schriftgröße, em mit der Basis-(Eltern-)Schriftgröße, pt verwendet das CSS-Verhältnis 96/72, und Prozent ist die Basisgröße mal dem Wert durch 100. Von Pixeln rechnet das Tool in jede Einheit zurück. Deshalb sind 1.5rem bei einer 16px-Wurzel gleich 24px, und 12pt gleich 16px.

Ein Wert wird in Pixel umgerechnet, dann in rem, em, pt und Prozent.1.5rem→24px→em / pt / %

Funktionen

Alle Einheiten auf einmal

px, rem, em, pt und % für einen Wert gemeinsam anzeigen.

Individuelle Wurzel und Basis

Wurzel- und Eltern-Schriftgröße einstellen, von der rem, em und % abhängen.

Beliebige Einheit kopieren

Den genauen Wert für das CSS direkt übernehmen.

Privat und sofort

Alle Umrechnungen laufen im Browser; nichts wird hochgeladen.

Wann nutzen

Responsives Design

Pixel-Mockups in skalierbare rem-Einheiten umrechnen.

Barrierefreiheit

rem verwenden, damit Text die Schriftgröße des Nutzers beachtet.

Komponenten

em-Werte relativ zur Schriftgröße einer Komponente berechnen.

Druckstile

Zwischen pt und px für Print-CSS umrechnen.

Hinweise

  • rem ist relativ zur Wurzel-(html-)Schriftgröße.
  • em und Prozent sind relativ zur Eltern-(Basis-)Schriftgröße.
  • pt verwendet das Standardverhältnis 96/72 (1pt = 1,333px).
  • Alle Berechnungen laufen auf deinem Gerät; nichts wird hochgeladen.

FAQ

Was ist der Unterschied zwischen rem und em?
rem ist relativ zur Wurzel-Schriftgröße, em zur Schriftgröße des Elternelements. Beide Größen lassen sich hier einstellen.
Warum ist 16px der Standard?
16px ist die Standard-Wurzel-Schriftgröße in den meisten Browsern, daher entspricht 1rem 16px, solange nichts geändert wird.
Wie wird pt umgerechnet?
Mit dem CSS-Verhältnis 96/72, also ist 1pt etwa 1,333px und 12pt gleich 16px.
Worauf bezieht sich Prozent?
Prozent ist wie em relativ zur Basis-(Eltern-)Schriftgröße — 100% entspricht der Basisgröße.
Werden meine Daten hochgeladen?
Nein. Alles wird im Browser umgerechnet und verlässt dein Gerät nicht.

Wir verwenden Cookies für Werbung und Analyse.