Skip to main content
CalculoraCalculora

Financieel & Zakelijk

Financiële RekenmachinesInvestering & PlanningPersoonlijke FinanciënVastgoedinvesteringZakelijke ToolsStartup & Software-Unternehmen

Wiskunde & Technologie

Wiskunde RekenmachinesTechnische ToolsNatuurkunde-hulpmiddelenOntwikkelaarstoolsSchoolhulpmiddelen

Gezondheid & Leven

Medische ToolsSlimme Hulpprogramma'sWillekeuriggeneratoren

Creator & Specialiteit

SchöpferökonomieIslamitische ToolsDuurzaamheidSpellen

Umrechner

EenheidsconverterLengteconverterGewichtsconverterTemperatuurconverter→ Eenheidsconverters

Willekeuriggeneratoren

Willekeurig Getal GeneratorWachtwoord Sterkte CheckerDraai het WielMuntworp SimulatorDobbelsteen RollerTijdzone Overlap→ Willekeuriggeneratoren
Bestandsconverter

PDF-Tools

PDF naar JPG ConverterenPDF naar PNG ConverterenConverteer PDF naar TXTPDF naar GIF ConverterenPDF naar WebP ConverterenPDF naar SVG ConverterenConverteer PDF naar DOCXPDF naar Excel converterenPDF naar PowerPoint converterenPDF naar HTML converterenPDF naar Markdown converterenPDF naar TIFF converteren

Afbeeldingsconverter

JPG naar PNG ConverterenPNG naar JPG ConverterenPNG naar WebP ConverterenWebP naar PNG ConverterenWebP naar JPG ConverterenJPG naar WebP ConverterenSVG naar PNG converterenSVG naar JPG converterenSVG naar WebP ConverterenBMP naar PNG ConverterenBMP naar JPG ConverterenBMP naar WebP Converteren

Geavanceerde Afbeeldingen

HEIC naar JPG ConverterenHEIC naar PNG ConverterenTIFF naar JPG ConverterenTIFF naar PNG ConverterenJPG naar TIFF ConverterenPNG naar TIFF ConverterenJPG naar ICO ConverterenPNG naar ICO ConverterenConverteer JPEG naar AVIFPNG naar AVIF Converteren

GIF & Animatie

GIF naar PNG ConverterenGIF naar JPG ConverterenConverteer GIF naar individuele frames (PNG/JPEG)PNG naar GIF ConverterenJPG naar GIF ConverterenGIF naar WebP Converteren

Bewerken

Watermerk toevoegenObjecten uit afbeelding verwijderenDirect afbeeldingsformaat aanpassen in uw browserAfbeeldingen online comprimeren — bestandsgrootte verkleinen, kwaliteit behouden
Rekensnelheid UitdagingRekensnelheid UitdagingWordleBint WaladSudoku2048
Valutaconverter
CalculoraCalculora

Uw alles-in-één calculatorplatform. Gratis, snelle en nauwkeurige tools voor elke behoefte.

Rekenmachine-invoer blijft 100% privé — alle berekeningen vinden plaats in uw browser en bereiken nooit onze serversVoor altijd gratis — geen betaalmuren, geen abonnementen, geen accounts nodig

Populair

  • BMI Rekenmachine
  • Leningrekenmachine
  • Leeftijdsrekenmachine
  • Hypotheekrekenmachine
  • Percentagerekenmachine
  • Wetenschappelijke Rekenmachine
  • Alles bekijken →

Categorieën

  • Wiskunde
  • Financiën
  • Gezondheid & Leven
  • Financieel & Zakelijk
  • Ontwikkelaarstools
  • Technik
  • Categorieën →

Meer

  • Valutaconverter
  • Bestandsconverter
  • Spellen & Leuke Tools

Juridisch

  • Over ons
  • Neem contact op
  • Privacybeleid
  • Gebruiksvoorwaarden
  • Disclaimer
  • Seitenverzeichnis

Talen

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. Alle rechten voorbehouden.

Gebouwd met — 100% gratis

Lichtgewicht & snel — cookies en analyses werken alleen met uw toestemming

  1. Startpagina
  2. Ontwikkelaarstools
  3. CSS-eenhedenconverter

CSS-eenhedenconverter

Zet direct px, rem, em, pt, vw, vh en % om met je eigen basislettergrootte en viewportafmetingen — niet langer gissen wat 1,5rem eigenlijk in pixels is.

Rekenmachine laden...
Heeft deze tool u geholpen?

Wat is CSS-eenhedenconverter?

CSS ondersteunt verschillende eenheden voor afmetingen — absolute eenheden zoals px en pt, en relatieve eenheden zoals rem, em, vw, vh en %. Relatieve eenheden zijn essentieel voor responsief, toegankelijk ontwerp (rem respecteert met name de lettergrootte-voorkeur van de browser van een gebruiker), maar ertussen omrekenen in je hoofd is echt lastig, omdat het resultaat afhangt van de context: de root-lettergrootte, de lettergrootte van het huidige element, of de viewportafmetingen. Deze converter doet dat rekenwerk voor je: stel je basislettergrootte, viewportafmetingen en de waarde die je wilt omzetten in, en zie direct de equivalente waarde in elke andere eenheid — handig om de pixelmaten van een ontwerpmockup om te zetten naar responsieve rem/vw-waarden, of om te controleren wat een bestaande CSS-regel daadwerkelijk op het scherm weergeeft.

Wanneer gebruik je deze rekenmachine

  • Wanneer u de kosten van de tool moet evalueren voordat u een project start
  • Wanneer u resultaten vergelijkt met vergelijkbare tools
  • Wanneer u leert hoe u de tool in verschillende scenario's gebruikt
  • Wanneer u resultaten deelt met het team of klanten
  • Wanneer u de nauwkeurigheid van de toolberekeningen verifieert
  • Wanneer u een snelle en eenvoudige oplossing zoekt voor een specifiek probleem

Stappen:

  1. Voer de waarde in die je wilt omzetten en selecteer de beginwaardeeenheid.
  2. Stel je basislettergrootte in (standaard de browserstandaard van 16px).
  3. Voer voor vw/vh-omzettingen je doelviewportbreedte en -hoogte in.
  4. Bekijk direct de equivalente waarde in elke andere eenheid.

Formule

1rem = 1em = basislettergrootte (standaard 16px) 1pt = 96/72 px ≈ 1,333px 1vw = viewportbreedte / 100 1vh = viewporthoogte / 100 1% = referentiewaarde / 100

Gebruikscases

  • Een op pixels gebaseerde Figma/Sketch-specificatie van een ontwerper omzetten naar rem-waarden voor toegankelijke CSS
  • Controleren wat een op vw gebaseerde responsieve lettergrootte daadwerkelijk weergeeft bij een specifieke schermbreedte
  • Verouderde op pt gebaseerde print- of e-mail-CSS omzetten naar webstandaard px of rem
  • Controleren of de afstandsschaal van een designsysteem netjes op elkaar aansluit tussen eenheden
  • Snel een CSS-waarde controleren tijdens een codereview zonder devtools te openen

Belangrijkste voordelen

  • Zet alle 7 gangbare CSS-eenheden op één plek om
  • Gebruikt je werkelijke basislettergrootte en viewport, geen vaste aanname
  • Direct resultaten terwijl je typt — geen browser-devtools nodig
  • Gratis, geen aanmelding, draait volledig in je browser

Pro-tips

  • Geef de voorkeur aan rem boven em voor lettergroottes om onverwachte opstapeling in geneste componenten te voorkomen
  • Gebruik dvh/svh in plaats van vh voor mobiele volledige-schermlayouts als je doelbrowsers dit ondersteunen
  • Houd een consistente basislettergrootte aan in je hele designsysteem zodat rem-omzettingen voorspelbaar blijven
  • Zet bij het vertalen van een pixelperfect ontwerp afstanden om naar rem, maar houd randdiktes en andere fijne details in px

Veelgemaakte fouten

  • Aannemen dat 1rem altijd gelijk is aan 16px, zonder te controleren of de root-lettergrootte is gewijzigd
  • vh gebruiken voor mobiele volledige-hoogtelayouts zonder rekening te houden met adresbalkgedrag
  • Op em gebaseerde lettergroottes nesten en verrast zijn wanneer ze onverwacht opstapelen
  • px en rem inconsistent mengen binnen hetzelfde component, waardoor toegankelijkheidsschaling kapotgaat

Sleutelbegrippen

  • Root-lettergrootte: De lettergrootte ingesteld op het html-element, waar alle rem-eenheden relatief aan zijn
  • Viewport: Het zichtbare gebied van een webpagina in het browservenster
  • Absolute eenheid: Een eenheid zoals px of pt met een vaste werkelijke grootte, niet relatief aan enige context
  • Relatieve eenheid: Een eenheid zoals rem, em, vw of % waarvan de grootte afhangt van een andere waarde

Gerelateerde concepten

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Voorbeeld

Bij een basislettergrootte van 16px wordt 1,5rem omgezet naar 24px. Bij een viewportbreedte van 1440px wordt 5vw omgezet naar 72px.

Resultaten interpreteren

Deze tool toont gedetailleerde resultaten op basis van uw invoer. Bekijk elk onderdeel zorgvuldig om te begrijpen hoe u de cijfers moet interpreteren en welke beslissingen u daaruit kunt nemen. Heeft u vragen over hoe de tool werkt of hoe u bepaalde resultaten moet interpreteren? Raadpleeg dan het FAQ-gedeelte hieronder of neem contact op met de klantenservice.

Veelgestelde Vragen

Wat is het verschil tussen rem en em?
rem is altijd relatief ten opzichte van de lettergrootte van het root-element (html), waardoor het consistent blijft ongeacht hoe diep een element genest is. em is relatief ten opzichte van de eigen lettergrootte van het huidige element, wat betekent dat het kan opstapelen wanneer het genest is — deze tool behandelt beide voor de eenvoud hetzelfde, met je basislettergrootte.
Waarom is 1rem meestal gelijk aan 16px?
16px is de standaard browserlettergrootte voor het root-html-element in vrijwel elke browser. Omdat rem relatief is ten opzichte van die root-grootte, is 1rem gelijk aan 16px, tenzij de pagina (of de browserinstellingen van de gebruiker) de root-lettergrootte expliciet wijzigt.
Waarvoor worden vw en vh gebruikt?
vw (viewportbreedte) en vh (viewporthoogte) zijn percentages van de huidige breedte en hoogte van het browservenster — 1vw is gelijk aan 1% van de viewportbreedte. Ze worden vaak gebruikt voor volledige-schermlayouts en responsieve typografie die meeschaalt met het scherm.
Is een pixel altijd precies 1/96e van een inch?
Volgens de CSS-specificatie wel — een CSS-pixel is gedefinieerd als 1/96e van een inch, wat ook de reden is waarom 1pt (1/72 van een inch) wordt omgezet naar precies 96/72 = 1,333 CSS-pixels.
Is deze tool gratis?
Ja, deze tool is volledig gratis en vereist geen registratie. U kunt hem vrij gebruiken.
Zijn mijn gegevens veilig?
Ja, alle berekeningen vinden plaats in uw browser. Er worden geen gegevens naar onze servers verzonden.
Kan ik de tool op mijn telefoon gebruiken?
Ja, de tool is compatibel met alle apparaten, inclusief smartphones en tablets.
Hoe sla ik mijn resultaten op?
U kunt de resultaten kopiëren of exporteren als PDF- of CSV-bestand, indien deze functie beschikbaar is.
Zijn de resultaten nauwkeurig?
De resultaten zijn gebaseerd op erkende formules en vergelijkingen. Controleer de invoerwaarden voor maximale nauwkeurigheid.
Kan ik de tool offline gebruiken?
Ja, de meeste berekeningen vinden lokaal in uw browser plaats en vereisen geen internetverbinding.
Hoe los ik een probleem met de tool op?
Zorg ervoor dat u de nieuwste browserversie gebruikt en wis indien nodig de cache. Neem contact op met de klantenservice als het probleem aanhoudt.

Gerelateerde tools

Meer tools verkennen

Beeldverhouding Calculator

Bandbreedte Rekenmachine

Downloadtijd Rekenmachine

Cloud Hosting Kosten Rekenmachine

CDN Kosten Rekenmachine

API Monetisatie Calculator

Vergelijkbare tools

Beeldverhouding Calculator
Ontwikkelaarstools
Bandbreedte Rekenmachine
Ontwikkelaarstools
Downloadtijd Rekenmachine
Ontwikkelaarstools
Cloud Hosting Kosten Rekenmachine
Ontwikkelaarstools
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100