CSS eenheden omrekenen: px, rem, em, vw en vh

Bijgewerkt op 9 maart 2026

In Figma werk je met pixels, maar in responsive CSS gebruik je rem en em. De CSS-eenhedencalculator van Ster Software rekent direct om tussen alle gangbare CSS-eenheden, zodat je altijd de juiste waarden voor je stylesheet hebt.

📐 CSS eenheden omrekenen →

CSS-eenheden uitgelegd

px (pixels)

Absolute eenheid. 1px = 1 CSS-pixel (niet per se een fysieke pixel). Eenvoudig maar schaalt niet mee met gebruikersinstellingen.

rem (root em)

Relatief aan de root-lettergrootte van de pagina (standaard 16px in browsers). 1rem = 16px. Aanbevolen voor toegankelijke typografie.

em

Relatief aan de lettergrootte van het parent-element. Nuttig voor padding en marges die mee moeten schalen met de tekst.

vw / vh (viewport width/height)

Procentueel van de viewport-breedte/-hoogte. 100vw = volledige schermbreedte. Handig voor full-screen secties.

Hoe gebruik je de CSS-eenhedencalculator?

  1. 1Open de CSS-eenhedencalculator.
  2. 2Voer de waarde in het bronformaat in (bijv. 24px).
  3. 3Stel de basiswaarden in (bijv. root-lettergrootte voor rem-berekeningen).
  4. 4De equivalente waarden in alle eenheden worden direct weergegeven.

Wanneer gebruik je welke eenheid?

  • →rem — voor lettergroottes en typografische schaal (toegankelijk)
  • →em — voor padding en marges die meeschalen met de omliggende tekst
  • →px — voor borders, box-shadows en andere vaste maten
  • →vw/vh — voor secties die de volledige viewport moeten vullen
  • →% — voor breedtes in flexibele layouts

Veelgestelde vragen

Waarom rem boven px gebruiken voor lettergroottes?

Rem-waarden schalen mee als de gebruiker de standaard lettergrootte in de browser heeft vergroot. Dat is cruciaal voor toegankelijkheid. Met px wordt de gebruikersinspanning voor leesbaarheid genegeerd.

Hoe bereken ik px naar rem?

Deel de px-waarde door de root-lettergrootte (standaard 16px). 24px ÷ 16 = 1.5rem. De calculator doet dit automatisch.

Gerelateerde tools

📐 CSS eenheden omrekenen →