Pixels naar EM omrekenen

Resultaten

Reken een pixelwaarde om met een lettergrootte als basis. Voor em moet de basis de relevante lokale lettergrootte zijn; voor rem die van het root-element (<html>). De beginwaarde 16 px is slechts een veelgebruikte standaard.

Zo werkt de omrekening

  1. 1

    Voer pixels in

    Typ een numerieke CSS-pixelwaarde.

  2. 2

    Kies de juiste basis

    Gebruik voor `em` de lokale en voor `rem` de root-lettergrootte. Nul is niet toegestaan.

  3. 3

    Lees vier uitkomsten

    De tool toont de verhouding als em/rem, als percentage en als CSS-punten.

Formules en voorbeeld

em of rem = px / basis · procent = px / basis × 100 · pt = px × 0,75

Met 24px en een basis van 16px krijg je 1.5em, 1.5rem, 150% en 18pt. In CSS geldt 96px = 72pt; dit zegt niets over fysieke schermpixels.

Eenheid Juiste referentie
em Berekende lettergrootte van het element; bij font-size de geërfde grootte
rem Lettergrootte van het root-element
% Gekozen basis als 100%
pt Vaste CSS-verhouding; gebruikt de basis niet
  • Geneste em-lettergroottes vermenigvuldigen met elkaar.
  • em en rem tonen hier hetzelfde getal door het ene basisveld, maar hun CSS-betekenis verschilt.
  • em/rem tonen maximaal zes decimalen en procent/pt maximaal vier, zonder nullen aan het einde.

Veelgestelde vragen

Gebruik rem voor maten ten opzichte van de root en em als een component met lokale tekst moet meeschalen.

Nee. Browservoorkeuren en website-CSS kunnen dit wijzigen. Controleer zo nodig de berekende lettergrootte.

De website verwerkt ze op de server. In de stapsgewijze modus staan ze ook in de URL; voer geen gevoelige gegevens in.

Gerelateerde tools

Tool beschikbaar in andere talen