Konwerter PX na REM — piksele na rem, na żywo i prywatnie

Konwertuj px na rem natychmiast z konfigurowalnym rozmiarem czcionki głównej. Domyślnie 16px = 1rem. Konwersja dwukierunkowa na żywo, gotowa do skopiowania, działa w 100% w przeglądarce.

Bez śledzenia Działa w przeglądarce Bezpłatne

Rozmiar czcionki głównej

Piksele (px)

Rem (rem)

Podgląd

Zażółć gęślą jaźń

Sprawdzono pod kątem dokładności jednostki rem CSS i wskazówek dotyczących dostępności — Zespół inżynieryjny Go Tools · Jun 11, 2026

Szybkie odniesienie

Ile to 16px w rem?

16px = 1rem (przy bazie 16px) Przy domyślnym rozmiarze czcionki głównej 16px przeglądarki, 16px równa się dokładnie 1rem. To kotwica dla każdej innej konwersji: rem = px ÷ 16.

Jaki jest wzór px na rem?

rem = px ÷ rozmiar-czcionki-głównej Podziel wartość w pikselach przez rozmiar czcionki głównej. Na przykład 24px ÷ 16 = 1.5rem. Zmień bazę w narzędziu, jeśli Twój projekt nie używa 16px.

Czym jest sztuczka 62.5%?

62.5% → 1rem = 10px Ustawienie html { font-size: 62.5% } sprawia, że baza wynosi 10px, więc 1rem = 10px, a matematyka rem to po prostu „podziel przez 10”. Ustaw bazę narzędzia na 10, aby z niej skorzystać.

Czym jest konwerter PX na REM?

Konwerter px na rem przelicza pomiary w pikselach na jednostki rem dla CSS. Jednostka rem („root em”) jest względna do rozmiaru czcionki głównego elementu : 1rem zawsze równa się rozmiarowi czcionki głównej, który przeglądarki ustawiają domyślnie na 16px. Konwersja to proste dzielenie — rem = px ÷ rozmiar-czcionki-głównej — ale wykonywanie go ręcznie dla każdego rozmiaru czcionki, marginesu i punktu przełamania w arkuszu stylów jest żmudne i podatne na błędy, co właśnie eliminuje to narzędzie.

Powodem, dla którego w ogóle warto konwertować, są dostępność i skalowalność. Gdy wartość jest zapisana w px, jest zablokowana w stałym rozmiarze i ignoruje preferencję rozmiaru czcionki w przeglądarce użytkownika. Gdy jest zapisana w rem, skaluje się proporcjonalnie, jeśli użytkownik zwiększy domyślny rozmiar czcionki — to kluczowe udogodnienie dla osób ze słabym wzrokiem i płynniejsze doświadczenie dla każdego, kto powiększa widok. Wyrażenie systemu projektowego w rem oznacza też, że pojedyncza zmiana rozmiaru czcionki głównej przeskalowuje cały interfejs spójnie.

Ten konwerter utrzymuje oba pola, pikselowe i rem, powiązane w czasie rzeczywistym, więc możesz poruszać się w obu kierunkach, i — w przeciwieństwie do narzędzi zaszywających na stałe bazę 16px — pozwala ustawić dowolny rozmiar czcionki głównej. To ma znaczenie, ponieważ arkusz stylów używający techniki 62.5% (baza 10px) konwertuje inaczej niż domyślna konfiguracja 16px. Podgląd na żywo pokazuje wynikowy rozmiar tekstu, a tabela referencyjna wymienia najczęstsze wartości px przy bazie 16px do szybkiego sprawdzania.

Potrzebujesz odwrotnego kierunku? Skorzystaj z konwertera rem na px. Aby uporządkować sam arkusz stylów, wypróbuj formatera CSS, a do pracy z kolorami zobacz konwerter kolorów. Wszystko działa w Twojej przeglądarce — Twoje wartości nigdy nie opuszczają Twojego urządzenia.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

Kluczowe funkcje tego konwertera PX na REM

Własny rozmiar czcionki głównej

Konwertuj względem dowolnej bazy, nie tylko 16px. Dopasuj technikę 62.5% (10px) lub rzeczywisty rozmiar czcionki głównej Twojego projektu — większość narzędzi zaszywa na stałe 16.

Konwersja dwukierunkowa na żywo

Pola pikseli i rem pozostają powiązane w czasie rzeczywistym. Edytuj dowolną stronę, a druga zaktualizuje się natychmiast względem wybranej bazy.

Wbudowany podgląd rozmiaru

Wiersz podglądu renderuje tekst w wynikowym rozmiarze rem, byś widział skalę, a nie tylko liczbę.

Kopiowanie jednym kliknięciem

Skopiuj wartość px lub rem do schowka jednym kliknięciem, gotową do wklejenia prosto do Twojego CSS.

Referencyjna tabela konwersji

Tabela najczęstszych wartości px i ich odpowiedników w rem przy bazie 16px do szybkiego sprawdzania bez wpisywania.

W 100% oparty na przeglądarce i prywatny

Cała matematyka odbywa się lokalnie w Twojej przeglądarce. Bez żądań do serwera, śledzenia ani przechowywania danych — Twoje wartości nigdy nie opuszczają Twojego urządzenia.

Przykłady konwersji PX na REM

Tekst podstawowy — 16px na rem

1rem

Przy domyślnym rozmiarze czcionki głównej 16px, 16px równa się dokładnie 1rem. To wartość bazowa, względem której mierzy się każdą inną konwersję: rem = px ÷ 16.

Nagłówek — 24px na rem

1.5rem

Nagłówek 24px staje się 1.5rem (24 ÷ 16 = 1.5). Użycie rem oznacza, że nagłówek skaluje się automatycznie, jeśli użytkownik zmieni domyślny rozmiar czcionki w przeglądarce.

Mała etykieta — 12px na rem

0.75rem

12px to 0.75rem przy bazie 16px. Drobny druk i podpisy to typowi kandydaci na rem, by respektowały preferencje rozmiaru czcionki czytelnika.

Odstęp — 8px na rem

0.5rem

8px równa się 0.5rem. Wiele systemów projektowych wyraża marginesy wewnętrzne i zewnętrzne w rem, aby odstępy skalowały się razem z tekstem.

Sztuczka 62.5% — baza 10px, 18px na rem

1.125rem

Jeśli ustawisz rozmiar czcionki głównej na 10px (technika 62.5%), 18px staje się 1.8rem. Przy domyślnej bazie 16px, 18px to 1.125rem. Zawsze konwertuj względem bazy, której faktycznie używa Twój projekt.

Punkt przełamania — 768px na rem

48rem

Punkt przełamania media query 768px to 48rem przy bazie 16px. Punkty przełamania oparte na rem powiększają się bardziej przewidywalnie, gdy użytkownicy skalują tekst.

Jak konwertować typowe wartości px na rem

Szybkie odniesienie dla wartości px, które programiści najczęściej konwertują na rem, przy domyślnym rozmiarze czcionki głównej 16px.

Jak konwertować 16px na rem

16 px → 1 rem

Podziel 16 przez rozmiar czcionki głównej 16px, aby uzyskać 1rem. 16px to wartość kotwicząca — równa się dokładnie 1rem w domyślnej konfiguracji, dlatego jest punktem odniesienia dla wszystkich innych konwersji.

16 px → 1 rem

Zapamiętaj 16px = 1rem. Stąd podziel na pół dla 0.5rem (8px) i podwój dla 2rem (32px).