Konwerter PX na REM
PX to REM Converter
Wpisz wartość w pikselach, dostań REM policzony względem wybranego rozmiaru bazowego — plus szybka tabela najczęstszych wartości.
Enter a pixel value, get REM calculated against your chosen root size — plus a quick table of common values.
Wpisz PX lub VW — drugie pole przeliczy się automatycznie względem podanej szerokości viewportu.
Enter PX or VW — the other field recalculates automatically relative to the given viewport width.
Proporcja uproszczona przez największy wspólny dzielnik.
Ratio simplified using the greatest common divisor.
To zakres orientacyjny, nie sztywna reguła — dostosuj do konkretnego kroju pisma.
This is a rough range, not a strict rule — adjust for the specific typeface.
Wpisz wartość
Enter a value
Wpisz wartość w polu PX — REM przeliczy się natychmiast.
Enter a value in the PX field — REM recalculates instantly.
Odczytaj wynik
Read the result
Sprawdź wynik w polu REM, albo skorzystaj z gotowej tabeli najczęstszych wartości.
Check the result in the REM field, or use the ready table of common values.
Sprawdź pozostałe zakładki
Check the other tabs
Ten sam widget mieści 7 kalkulatorów — przełącz zakładkę, żeby użyć innego bez opuszczania strony.
The same widget holds 7 calculators — switch tabs to use another one without leaving the page.
Dlaczego REM jest lepszy od PX w CSS?
Why is REM better than PX in CSS?
REM skaluje się razem z ustawieniami dostępności użytkownika (powiększona czcionka w przeglądarce), podczas gdy PX pozostaje sztywny. To ważne dla WCAG i realnej dostępności strony.
REM scales together with the user's accessibility settings (enlarged browser font), while PX stays fixed. This matters for WCAG and real page accessibility.
Czy 16px to zawsze 1rem?
Is 16px always 1rem?
Domyślnie tak — większość przeglądarek ma domyślny root font-size 16px. Jeśli jednak ktoś zmienił rozmiar bazowy w CSS (html { font-size: ... }), przelicznik się zmienia — dlatego ten kalkulator ma edytowalne pole rozmiaru bazowego.
By default, yes — most browsers default to a 16px root font-size. But if someone changed the base size in CSS (html { font-size: ... }), the conversion shifts — that's why this calculator has an editable root-size field.
Czy powinienem używać REM wszędzie?
Should I use REM everywhere?
Do typografii i odstępów — zazwyczaj tak. Do rzeczy, które mają zostać stałe niezależnie od ustawień użytkownika (np. cienkie obramowania 1px), PX bywa właściwym wyborem.
For typography and spacing — usually yes. For things meant to stay fixed regardless of user settings (e.g. thin 1px borders), PX is sometimes the right call.
Czym różni się REM od PX
PX to jednostka bezwzględna — zawsze taki sam rozmiar niezależnie od kontekstu. REM (root em) to jednostka względna, licząca się od rozmiaru czcionki elementu <html>, co czyni ją przewidywalną, ale wciąż elastyczną.
Kiedy to ma znaczenie
Głównie w kontekście dostępności — jeśli użytkownik powiększy domyślny rozmiar czcionki w ustawieniach przeglądarki, elementy zapisane w REM urosną razem z nim, a te w PX zostaną bez zmian.
Praktyczna wskazówka
Najprostszy sposób myślenia: pisz w REM domyślnie, przechodź na PX świadomie, tylko tam gdzie masz konkretny powód (np. cienkie linie obramowania).
How REM differs from PX
PX is an absolute unit — always the same size regardless of context. REM (root em) is a relative unit, calculated from the <html> element's font size, which makes it predictable yet still flexible.
When it matters
Mainly in an accessibility context — if a user enlarges the default font size in their browser settings, elements set in REM grow along with it, while those in PX stay unchanged.
A practical tip
The simplest way to think about it: write in REM by default, switch to PX deliberately, only where you have a specific reason (e.g. thin border lines).
Zobacz wszystkie kalkulatory naraz.
See all calculators at once.
Jedna strona zbierająca 7 narzędzi web designera w jednym miejscu.
One page collecting 7 web designer tools in one place.