PX till REM-omvandlare

Rem-enheter håller layouter tillgängliga – de skalas med användarens teckenstorleksinställning – men ingen vill dividera med 16 i huvudet hela dagen. Den här omvandlaren gör aritmetiken live: välj riktningen (px → rem, rem → px eller px → em), skriv in värdet och resultatet visas direkt tillsammans med en kopieringsklar CSS-rad som font-size: 0,875rem.

Basfältet för teckenstorlek gör att verktyget passar alla projekt. Webbläsarens standard är 16px, så 1rem är lika med 16px ur lådan, men många kodbaser ställer in html { font-size: 62.5% } för att göra 1rem lika med 10px — skriv in 10 som bas och varje konverterings- och tabellrad följer. Riktningen px → em använder samma matematik mot det överordnade elementets teckenstorlek istället för roten, vilket är exakt skillnaden mellan em och rem i CSS.

Under resultatet visar en referenstabell de vanligaste designstorlekarna – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 och 64 pixlar – redan konverterade vid din nuvarande bas, med raden som matchar basen markerad. Det är fuskbladet du annars skulle ha tejpat till din bildskärm, alltid synkroniserat med basen du faktiskt använder.

Allt händer lokalt i din webbläsare medan du skriver: ingen uppladdning, ingen registrering, ingen server tur och retur. Förinställda sidor för rem → px, px → em, 10px-basen och populära värden som 14, 24 och 32 px öppnar omvandlaren färdigkonfigurerad för just de frågorna.