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.
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.
Bij een basislettergrootte van 16px wordt 1,5rem omgezet naar 24px. Bij een viewportbreedte van 1440px wordt 5vw omgezet naar 72px.