PX til REM-konverter

Rem-enheter holder layouter tilgjengelige – de skaleres med brukerens skriftstørrelsespreferanser – men ingen ønsker å dele med 16 i hodet hele dagen. Denne omformeren utfører aritmetikken live: velg retningen (px → rem, rem → px eller px → em), skriv inn verdien, og resultatet vises umiddelbart sammen med en kopiklar CSS-linje, for eksempel font-size: 0,875rem.

Feltet for grunnskriftstørrelse gjør at verktøyet passer til 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 base og hver konvertering og tabellrad følger. Px → em-retningen bruker samme matematikk 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 nåværende base, med raden som matcher basen uthevet. Det er juksearket du ellers ville ha teipet til skjermen, alltid synkronisert med basen du faktisk bruker.

Alt skjer lokalt i nettleseren din mens du skriver: ingen opplasting, ingen registrering, ingen server rundtur. Forhåndsinnstilte sider for rem → px, px → em, 10px-basen og populære verdier som 14, 24 og 32 px åpner konverteren ferdigkonfigurert for akkurat de spørsmålene.