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

Konwertuj rem na px natychmiast z konfigurowalnym rozmiarem czcionki głównej. Domyślnie 1rem = 16px. 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 1rem w px?

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

Jaki jest wzór rem na px?

px = rem × rozmiar-czcionki-głównej Pomnóż wartość rem przez rozmiar czcionki głównej. Na przykład 1.5rem × 16 = 24px. 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 rem na px to po prostu „pomnóż przez 10”. Ustaw bazę narzędzia na 10, aby z niej skorzystać.

Czym jest konwerter REM na PX?

Konwerter rem na px przelicza jednostki rem na pomiary w pikselach. 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 mnożenie — px = rem × rozmiar-czcionki-głównej — ale sprawdzanie go dla każdej wartości podczas czytania lub debugowania arkusza stylów jest powtarzalne, co właśnie eliminuje to narzędzie.

Programiści zwykle piszą CSS w rem ze względu na dostępność i skalowalność: wartości zapisane w rem skalują się z preferencją rozmiaru czcionki w przeglądarce użytkownika, podczas gdy wartości px pozostają stałe. Jest jednak wiele momentów, gdy potrzebujesz liczby pikselowej — dopasowania makiety projektowej, przekazania rozmiarów projektantowi pracującemu w pikselach, ustawienia właściwości przyjmującej tylko px lub debugowania, dlaczego element renderuje się w określonym rozmiarze. Wtedy konwersja rem z powrotem na px jest dokładnie tym, czego potrzebujesz.

Ten konwerter utrzymuje pola rem i pikselowe 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) rozwiązuje rem na inne wartości pikselowe niż domyślna konfiguracja 16px. Podgląd na żywo pokazuje wynikowy rozmiar tekstu, a tabela referencyjna wymienia typowe wartości rem przy bazie 16px do szybkiego sprawdzania.

Potrzebujesz innego kierunku? Skorzystaj z konwertera px na rem. 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 */
/* px = rem × root-font-size (16px by default) */

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

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

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

Kluczowe funkcje tego konwertera REM na PX

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 rem i pikseli 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 we wprowadzonym rozmiarze rem, byś widział skalę, a nie tylko liczbę.

Kopiowanie jednym kliknięciem

Skopiuj wartość rem lub px do schowka jednym kliknięciem, gotową do wklejenia do CSS lub narzędzia projektowego.

Referencyjna tabela konwersji

Tabela typowych wartości rem i ich odpowiedników w pikselach 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 REM na PX

Tekst podstawowy — 1rem na px

16px

Przy domyślnym rozmiarze czcionki głównej 16px, 1rem równa się dokładnie 16px. To wartość bazowa dla każdej innej konwersji: px = rem × 16.

Nagłówek — 1.5rem na px

1.5

24px

1.5rem rozwiązuje się do 24px (1.5 × 16). Nagłówki często zapisuje się w rem, aby skalowały się z preferencją rozmiaru czcionki użytkownika, ale wciąż mapowały się na znajome rozmiary pikselowe.

Mała etykieta — 0.75rem na px

0.75

12px

0.75rem to 12px przy bazie 16px. Sprawdzenie wartości pikselowej pomaga potwierdzić, że drobny druk pozostaje czytelny.

Odstęp — 0.5rem na px

0.5

8px

0.5rem równa się 8px. Systemy projektowe często wyrażają marginesy wewnętrzne i zewnętrzne w rem; konwersja z powrotem na px jest przydatna do pikselowej recenzji.

Duży nagłówek — 2rem na px

32px

2rem to dokładnie dwukrotność bazy, 32px. Czyste wielokrotności jak ta są częste dla wyróżniających się nagłówków.

Punkt przełamania — 48rem na px

768px

Punkt przełamania media query 48rem rozwiązuje się do 768px przy bazie 16px — znajomy próg szerokości tabletu wyrażony w skalowalnych jednostkach.

Jak konwertować typowe wartości rem na px

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

Jak konwertować 1rem na px

1 rem → 16 px

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

1 rem → 16 px

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