Px na rem – przelicznik

Ten przelicznik zamienia px na rem (i odwrotnie): wpisz wartość, dostosuj rozmiar bazowy i zobacz rem, em, pt, procent i vw oraz tabelę popularnych rozmiarów.

Przykład: Wartość 24 · Jednostka wartości: px (piksele) · Rozmiar czcionki elementu głównego (rem) 16 px · Rozmiar czcionki elementu nadrzędnego (em, %) 16 px · Szerokość okna (vw) 1440 px → Wynik: 24 px = 1,5 rem. Źródło: W3C – CSS Values and Units Module Level 4: absolute lengths (1in = 96px = 72pt) i font-relative lengths (em, rem). Stan na: 2 października 2026.

Wartość

Jednostka wartości

Rozmiar czcionki elementu głównego (rem)

domyślnie w przeglądarce: 16 px

Rozmiar czcionki elementu nadrzędnego (em, %)

zwykle taki jak główny

Szerokość okna (vw)

np. 1440 na komputerze, 390 na telefonie

Moje narzędziaWpisane dane są zapisywane tylko w tej przeglądarce.

Wynik

Wynik: 24 px = 1,5 rem
Wszystkie jednostki: Jednostka Wartość CSS
Piksele (px) 24 px 24px
rem (czcionka główna) 1,5 rem 1.5rem
em (czcionka nadrzędna) 1,5 em 1.5em
Punkty (pt) 18 pt 18pt
Procent (%) 150 % 150%
vw (szerokość okna) 1,6667 vw 1.6667vw
Popularne rozmiary czcionek: px rem em pt
10 0,625 0,625 7,5
12 0,75 0,75 9
14 0,875 0,875 10,5
15 0,9375 0,9375 11,25
16 1 1 12
18 1,125 1,125 13,5
20 1,25 1,25 15
22 1,375 1,375 16,5
24 1,5 1,5 18
28 1,75 1,75 21
32 2 2 24
36 2,25 2,25 27
40 2,5 2,5 30
48 3 3 36
56 3,5 3,5 42
64 4 4 48
72 4,5 4,5 54
96 6 6 72; Obliczono dla czcionki głównej 16 px i nadrzędnej 16 px. rem podąża za rozmiarem ustawionym przez użytkownika w przeglądarce; px pozostaje stały.

Jednostka	Wartość	CSS
Piksele (px)	24 px	24px
rem (czcionka główna)	1,5 rem	1.5rem
em (czcionka nadrzędna)	1,5 em	1.5em
Punkty (pt)	18 pt	18pt
Procent (%)	150 %	150%
vw (szerokość okna)	1,6667 vw	1.6667vw

px	rem	em	pt
10	0,625	0,625	7,5
12	0,75	0,75	9
14	0,875	0,875	10,5
15	0,9375	0,9375	11,25
16	1	1	12
18	1,125	1,125	13,5
20	1,25	1,25	15
22	1,375	1,375	16,5
24	1,5	1,5	18
28	1,75	1,75	21
32	2	2	24
36	2,25	2,25	27
40	2,5	2,5	30
48	3	3	36
56	3,5	3,5	42
64	4	4	48
72	4,5	4,5	54
96	6	6	72

Jak to obliczamy

Przy domyślnych 16 px przeglądarki 24 px to dokładnie 1,5 rem. Wzór: rem = px / rozmiar bazowy, a odwrotnie px = rem · rozmiar bazowy.

Jak to liczymy

rem odnosi się do rozmiaru czcionki elementu głównego (html), em do czcionki elementu nadrzędnego. 1 pt to 1/72 cala, a 1 px to 1/96 cala, więc 1 pt = 4/3 px; 12 pt to 16 px. Procent przy rozmiarze czcionki odnosi się do czcionki rodzica. 1 vw to 1 % szerokości okna. Przelicznik najpierw zamienia wartość na px, a stąd na wszystkie pozostałe jednostki.

Warto wiedzieć

Jeśli odwiedzający powiększył czcionkę w przeglądarce, wartości w rem skalują się same, a px pozostaje stały (dostępność, WCAG 1.4.4).
Jeśli Twój CSS ustawia html { font-size: 62.5% }, 1 rem = 10 px. Wpisz wtedy 10 jako rozmiar bazowy.
em się kumuluje: 1,5 em w elemencie z 1,5 em daje 2,25 raza. rem nie ma tego problemu.
rem jest typowy dla odstępów i rozmiarów czcionek, a px nadal ma sens dla cienkich linii i obramowań.

Najczęściej zadawane pytania

Jak przeliczyć px na rem?

Podziel wartość w px przez bazowy rozmiar czcionki. Przy 16 px: 24 px / 16 = 1,5 rem.

Ile px to 1 rem?

Domyślnie 16 px, bo przeglądarki tak ustawiają czcionkę główną. Gdy ktoś zmieni czcionkę w przeglądarce lub ustawi font-size na html, wartość się zmienia.

Czym różni się em od rem?

rem zawsze odnosi się do czcionki głównej (html), em do czcionki elementu nadrzędnego. Dlatego wartości em mogą się mnożyć w zagnieżdżonych elementach.

Ile pt to 16 px?

12 pt, bo 1 pt = 4/3 px. Odwrotnie, 10 pt to około 13,33 px.

Źródła i podstawa prawna

Stan na: 2 października 2026 · Zasady redakcyjne