Konwerter PX na REM

Jednostki rem dbają o dostępność układów — skalują się wraz z preferowanym rozmiarem czcionki użytkownika — ale nikt nie chce przez cały dzień dzielić przez 16 w pamięci. Ten konwerter wykonuje obliczenia na żywo: wybierz kierunek (px → rem, rem → px lub px → em), wpisz wartość, a wynik pojawi się natychmiast wraz z gotowym do skopiowania wierszem CSS, takim jak font-size: 0,875rem.

Pole bazowego rozmiaru czcionki sprawia, że narzędzie pasuje do każdego projektu. Domyślnie w przeglądarce to 16px, więc od razu 1rem równa się 16px, jednak wiele baz kodu ustawia html { font-size: 62,5% }, aby 1rem odpowiadał 10px — wpisz 10 jako bazę, a każde przeliczenie i wiersz tabeli podążą za tym. Kierunek px → em stosuje tę samą matematykę, ale w odniesieniu do rozmiaru czcionki elementu nadrzędnego zamiast głównego — to właśnie różnica między em a rem w CSS.

Pod wynikiem tabela referencyjna pokazuje najczęściej używane rozmiary projektowe — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 i 64 piksele — już przeliczone przy twojej bieżącej bazie, z podświetlonym wierszem odpowiadającym bazie. To ściągawka, którą inaczej trzymałbyś przyklejoną do monitora, zawsze zsynchronizowana z bazą, której faktycznie używasz.

Wszystko odbywa się lokalnie w twojej przeglądarce podczas pisania: żadnego wysyłania, rejestracji ani komunikacji z serwerem. Strony predefiniowane dla kierunków rem → px, px → em, bazy 10px oraz popularnych wartości, takich jak 14, 24 i 32 px, otwierają konwerter od razu skonfigurowany pod te konkretne pytania.