PX naar REM Converter

Rem-eenheden houden lay-outs toegankelijk — ze schalen mee met de lettergroottevoorkeur van de gebruiker — maar niemand wil de hele dag door 16 delen in het hoofd. Deze converter doet de rekensom live: kies de richting (px → rem, rem → px of px → em), typ de waarde en het resultaat verschijnt direct, samen met een kopieerklare CSS-regel zoals font-size: 0.875rem.

Het veld voor de basislettergrootte maakt de tool geschikt voor elk project. De browserstandaard is 16px, dus 1rem staat standaard gelijk aan 16px, maar veel codebases stellen html { font-size: 62,5%; } in om van 1rem 10px te maken — voer 10 in als basis en elke conversie en tabelrij volgt. De richting px → em gebruikt dezelfde wiskunde ten opzichte van de lettergrootte van het bovenliggende element in plaats van de root, wat precies het verschil is tussen em en rem in CSS.

Onder het resultaat toont een referentietabel de meest voorkomende ontwerpgroottes — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 en 64 pixels — al omgerekend bij uw huidige basis, met de rij die overeenkomt met de basis gemarkeerd. Het is het spiekbriefje dat u anders op uw monitor geplakt zou houden, altijd synchroon met de basis die u werkelijk gebruikt.

Alles gebeurt lokaal in uw browser terwijl u typt: geen upload, geen registratie, geen serververzoek. Vooraf ingestelde pagina's voor rem → px, px → em, de 10px-basis en populaire waarden zoals 14, 24 en 32 px openen de converter klaar voor die exacte vragen.