px / rem / em-converter
Converteer CSS-eenheden px, rem, em, pt en % met instelbare basis.
- Direct
- Gratis
- Privé (lokaal verwerkt)
- Zonder registratie
Converteer CSS-eenheden in een oogwenk
Voer een waarde en de eenheid in, kies de basis (root-lettergrootte, standaard 16) en krijg de equivalenten in px, rem, em, pt en %. Klik een waarde om te kopiëren.
-
Voer de waarde in
En de begineenheid.
-
Stel de basis in
De root-lettergrootte (standaard 16px).
-
Kopieer de gewenste eenheid
Eén klik kopieert de CSS-klare waarde.
Equivalenten (basis 16px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Relaties: 1 rem = basis px; 1 px = 0,75 pt; % = px ÷ basis × 100. Alles wordt lokaal berekend.
Veelgestelde vragen
Wat is het verschil tussen px, rem en em?
px is een vaste grootte. rem is relatief aan de lettergrootte van het root-element (html), standaard 16px. em is relatief aan de lettergrootte van de ouder. Hier is de basis die je instelt de referentie voor rem, em en %.
Waarom rem in plaats van px?
rem respecteert de lettergrootte die de gebruiker in de browser koos: je site blijft leesbaar en toegankelijk als iemand de standaardgrootte vergroot. Aanbevolen voor lettertypen en veel spacing.
Hoe ga je van px naar pt?
In CSS is 1px = 1/96 inch en 1pt = 1/72 inch, dus 1px = 0,75pt. Met een basis van 16 is 16px = 12pt. pt wordt vooral voor print gebruikt.
Hoeveel is 1 rem?
1 rem = de root-lettergrootte. Met de standaardbasis 16 is 1 rem = 16px = 100%. Zet je de basis op 10, dan is 1 rem = 10px, wat het rekenen vereenvoudigt (1,6 rem = 16px).