PX naar REM-converter
Converteer px naar rem, rem naar px en px naar em in elke basislettergrootte, met een kopieerklare CSS-regel en een live referentietabel.
Resultaat
Rem-eenheden houden lay-outs toegankelijk – ze schalen mee met de lettergroottevoorkeur van de gebruiker – maar niemand wil de hele dag in zijn hoofd door 16 delen. Deze converter voert de berekeningen live uit: kies de richting (px → rem, rem → px of px → em), typ de waarde en het resultaat verschijnt onmiddellijk samen met een kopieerklare CSS-regel zoals lettergrootte: 0.875rem.
Dankzij het veld voor de basislettergrootte past de tool bij elk project. De browserstandaard is 16px, dus 1rem is standaard gelijk aan 16px, maar veel codebases stellen html {font-size: 62,5% } zo in dat 1rem gelijk is aan 10px. Voer 10 in als basis en elke conversie- en tabelrij volgt. De richting px → em gebruikt dezelfde wiskunde voor de lettergrootte van het bovenliggende element in plaats van voor de root, wat precies het verschil is tussen em en rem in CSS.
Onder het resultaat toont een referentietabel de meest voorkomende ontwerpformaten (1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 en 64 pixels) die al zijn geconverteerd op uw huidige basis, waarbij de rij die overeenkomt met de basis is gemarkeerd. Het is het spiekbriefje dat u anders op uw monitor zou plakken, altijd gesynchroniseerd met de basis die u daadwerkelijk gebruikt.
Alles gebeurt lokaal in uw browser terwijl u typt: geen upload, geen aanmelding, geen serverretour. Vooraf ingestelde pagina's voor rem → px, px → em, de 10px-basis en populaire waarden zoals 14, 24 en 32 px openen de converter die klaar is geconfigureerd voor die exacte vragen.