PX til REM-konverterer

Rem-enheter holder oppsett tilgjengelige – de skaleres med brukerens skriftstørrelsespreferanse – men ingen vil dele på 16 i hodet hele dagen. Denne konvertereren gjør matematikken direkte: velg retning (px → rem, rem → px eller px → em), skriv inn verdien, så vises resultatet umiddelbart sammen med en kopieringsklar CSS-linje som font-size: 0,875rem.

Grunnskriftstørrelse-feltet gjør at verktøyet passer ethvert prosjekt. Nettleserens standard er 16px, så 1rem tilsvarer 16px ut av esken, men mange kodebaser setter html { font-size: 62,5 %; } for å gjøre 1rem lik 10px – skriv inn 10 som grunnskriftstørrelse, så følger hver konvertering og tabellrad etter. Retningen px → em bruker den samme matematikken mot det overordnede elementets skriftstørrelse i stedet for roten, som er nøyaktig forskjellen mellom em og rem i CSS.

Under resultatet viser en referansetabell de vanligste designstørrelsene – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 og 64 piksler – allerede konvertert ved din gjeldende grunnskriftstørrelse, med raden som tilsvarer grunnskriftstørrelsen uthevet. Det er jukselappen du ellers ville ha teipet fast til skjermen, alltid synkronisert med grunnskriftstørrelsen du faktisk bruker.

Alt skjer lokalt i nettleseren din mens du skriver: ingen opplasting, ingen registrering, ingen tur til serveren. Forhåndssider for rem → px, px → em, 10px-grunnlaget og populære verdier som 14, 24 og 32 px åpner konvertereren ferdig konfigurert for akkurat disse spørsmålene.