PX till REM – konverterare

Rem-enheter håller layouter tillgängliga – de skalas med användarens inställda teckenstorlek – men ingen vill sitta och dividera med 16 i huvudet hela dagarna. Den här konverteraren gör matematiken direkt: välj riktning (px → rem, rem → px eller px → em), skriv in värdet, så visas resultatet omedelbart tillsammans med en kopieringsklar CSS-regel som exempelvis font-size: 0.875rem.

Fältet för basstorlek gör att verktyget passar alla projekt. Webbläsarens standard är 16 px, så 1 rem motsvarar 16 px direkt, men många kodbaser sätter html { font-size: 62,5 % } för att göra 1 rem lika med 10 px – ange 10 som bas så följer varje konvertering och tabellrad med. Riktningen px → em använder samma matematik men mot föräldraelementets 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 aktuella bas, med raden som matchar basen markerad. Det är fusklappen du annars skulle ha tejpad på skärmen, alltid synkad med den bas du faktiskt använder.

Allting sker lokalt i din webbläsare medan du skriver: ingen uppladdning, ingen registrering, ingen kommunikation med servern. Förinställda sidor för rem → px, px → em, 10 px-basen samt populära värden som 14, 24 och 32 px öppnar konverteraren färdigkonfigurerad för just de frågeställningarna.