PX til REM-konverter

Rem-enheder holder layouts tilgængelige – de skalerer med brugerens skriftstørrelsespræference – men ingen har lyst til at dividere med 16 i hovedet hele dagen. Denne konverter udfører aritmetikken live: vælg retningen (px → rem, rem → px eller px → em), skriv værdien, og resultatet vises straks sammen med en kopiklar CSS-linje som f.eks. font-size: 0,875rem.

Feltet til grundskriftstørrelse gør værktøjet tilpasningsdygtigt til ethvert projekt. Browserstandarden er 16px, så 1rem svarer til 16px fra start, men mange kodebaser sætter html { font-size: 62,5% } for at gøre 1rem lig med 10px – indtast 10 som base, så følger alle konverteringer og tabelrækker med. Retningen px → em bruger den samme matematik i forhold til forældreelementets skriftstørrelse i stedet for roden, hvilket netop er forskellen mellem em og rem i CSS.

Under resultatet viser en referencetabel de mest almindelige designstørrelser – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 og 64 pixels – allerede konverteret ved din aktuelle base, med rækken, der matcher basen, fremhævet. Det er det snydeark, du ellers ville have tapet fast på din skærm, altid i sync med den base, du rent faktisk bruger.

Alt sker lokalt i din browser, mens du skriver: ingen upload, ingen tilmelding, ingen tur til serveren. Forudindstillede sider for rem → px, px → em, 10px-basen og populære værdier som 14, 24 og 32 px åbner konverteren prækonfigureret til netop de spørgsmål.