1. Wpisz wartość
Wpisz liczbę w polu wejściowym. Możesz użyć kropki lub przecinka jako separatora dziesiętnego.
Przelicz rem na piksele
Ten konwerter przelicza jednostki rem na piksele i odwrotnie. Możesz ustawić bazowy font-size, a wynik pojawi się natychmiast.
Loading tool editor...
Czym jest rem i kiedy warto przeliczać na piksele?
Jednostka rem (root em) w CSS odnosi się do wielkości czcionki elementu głównego (<html>). Domyślnie przeglądarki ustawiają bazowy font-size na 16 px, więc 1 rem = 16 px.
Rem jest preferowanym sposobem definiowania wymiarów w responsywnym CSS. Dzięki temu cały układ strony skaluje się proporcjonalnie, gdy użytkownik zmieni rozmiar czcionki w ustawieniach przeglądarki (dostępność WCAG).
W praktyce projektanci dostarczają makiety z wymiarami w pikselach, a programiści muszą przeliczyć je na rem. Na przykład: padding 24 px = 1,5 rem, margin 32 px = 2 rem.
Jeśli projekt używa bazowego font-size innego niż 16 px (np. 10 px przy technice “62,5%”), konwerter pozwala ustawić dowolną wartość bazową.
Jak korzystać z konwertera?
2. Odczytaj wynik
Wynik konwersji pojawi się natychmiast w polu obok – bez klikania żadnego przycisku.3. Skopiuj lub zmień kierunek
Kliknij Kopiuj wynik lub użyj przycisku Zmień kolejność, aby przeliczać w drugą stronę.
Kiedy przydaje się ten konwerter?
Kodowanie CSS
Przeliczanie makiet (px) na rem: padding 24 px = 1,5 rem.Responsywność
Rem skaluje się z preferencjami użytkownika – lepsze od stałych pikseli.Dostępność (WCAG)
Rem respektuje ustawienia rozmiaru tekstu użytkownika.Systemy projektowe
Skale spacing w rem: 0,25 / 0,5 / 1 / 1,5 / 2 / 3 rem.
Co wyróżnia nasz konwerter?
Pełna prywatność
Wszystkie obliczenia odbywają się lokalnie w przeglądarce. Żadne dane nie są wysyłane na serwer.Wynik w czasie rzeczywistym
Wynik aktualizuje się natychmiast podczas wpisywania – bez konieczności klikania.Obustronna konwersja
Przycisk Zmień kolejność pozwala przeliczać w obu kierunkach jednym kliknięciem.Tabela popularnych wartości
Gotowa tabela z najczęściej przeliczanymi wartościami i opisami kontekstowymi.
Jak działa konwersja rem na px?
Jednostka rem (root em) w CSS odnosi się do rozmiaru czcionki elementu głównego dokumentu (html). Domyślnie przeglądarki ustawiają bazowy rozmiar czcionki na 16 pikseli, co oznacza, że 1 rem = 16 px. Aby przeliczyć rem na piksele, wystarczy pomnożyć wartość rem przez bazowy rozmiar czcionki.
Na przykład przy domyślnym ustawieniu 2 rem to 32 px, a 0,875 rem to 14 px. Popularna technika CSS polega na ustawieniu font-size: 62.5% na elemencie html, co zmienia bazę na 10 px — wówczas 1 rem = 10 px i przeliczanie staje się znacznie prostsze.
Jednostka rem jest preferowana w nowoczesnym CSS, ponieważ zapewnia spójne skalowanie całego interfejsu — zmiana bazowego rozmiaru czcionki automatycznie dostosowuje wszystkie elementy korzystające z rem.
Praktyczne wskazówki
- Szybki przelicznik: px ÷ 16 = rem. Na przykład: 24 px ÷ 16 = 1,5 rem.
- Tailwind CSS używa rem:
p-4= 1 rem = 16 px. - Technika 62,5%:
html { font-size: 62.5% }→ 1 rem = 10 px (prostsze przeliczanie). - Nie myl rem z em – rem odnosi się do
<html>, em do rodzica.
rem vs px – porównanie
| Cecha | rem | px |
|---|---|---|
| Typ | Relatywna (root) | Absolutna |
| Odniesienie | font-size <html> | Stała wartość |
| Dostępność | Skaluje się z preferencjami | Stała niezależnie od ustawień |
| Responsywność | Automatyczna | Wymaga media queries |
| Tailwind | Domyślna jednostka | Używana w konfiguracji |
rem
- Typ
Relatywna (root) - Odniesienie
font-size <html> - Dostępność
Skaluje się z preferencjami - Responsywność
Automatyczna - Tailwind
Domyślna jednostka
px
- Typ
Absolutna - Odniesienie
Stała wartość - Dostępność
Stała niezależnie od ustawień - Responsywność
Wymaga media queries - Tailwind
Używana w konfiguracji
Konwertuj inne jednostki do px
Sprawdź konwertery innych jednostek
Najczęściej zadawane pytania
Pomóż nam ulepszyć narzędzia
Masz pomysł na nową funkcję, znalazłeś błąd lub chcesz zaproponować inne narzędzie? Napisz do nas – odpowiadamy w ciągu 24 godzin.