PX naar REM Converter met 10px-basis
Converteer px naar rem, rem naar px en px naar em bij elke basislettergrootte, met een kopieerklare CSS-regel en een live referentietabel.
Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.
Resultaat
Over dit hulpmiddel
Deze pagina opent de converter met de basislettergrootte ingesteld op 10px. Dat is de klassieke html { font-size: 62,5%; }-opstelling: 62,5% van de browserstandaard van 16px is exact 10px, waardoor rem-waarden triviaal leesbaar worden — 14px is 1,4rem, 18px is 1,8rem, 24px is 2,4rem.
Teams gebruiken de 10px-basis juist om onhandige zestienden te vermijden: in plaats van te onthouden dat 14px gelijk is aan 0,875rem, verschuift u simpelweg de komma. Omdat de truc een percentage gebruikt in plaats van een vaste pixelwaarde, respecteert deze nog steeds de lettergrootte die een gebruiker in de browservoorkeuren instelt, wat sowieso het hele toegankelijkheidsargument is voor rem-eenheden.
Typ een pixelwaarde om de rem-equivalent bij de 10px-basis te krijgen, samen met een kopieerklare CSS-regel, en bekijk de referentietabel hieronder voor de hele schaal van 1–64 px, al omgerekend. Als uw project een andere root-grootte gebruikt, pas dan het basisveld aan en alles volgt live.