Konwerter REM na PX
REM to PX Converter
Wpisz wartość w REM, dostań dokładny odpowiednik w pikselach względem wybranego rozmiaru bazowego — przydatne przy komunikacji z projektantem albo testowaniu w narzędziach deweloperskich.
Enter a REM value, get the exact pixel equivalent against your chosen root size — handy when talking to a designer or testing in dev tools.
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 REM — PX przeliczy się natychmiast.
Enter a value in the REM field — PX recalculates instantly.
Odczytaj wynik
Read the result
Sprawdź wynik w polu PX, albo skorzystaj z gotowej tabeli najczęstszych wartości.
Check the result in the PX 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 projektanci podają rozmiary w PX, a deweloperzy piszą REM?
Why do designers give sizes in PX while developers write REM?
Narzędzia projektowe (Figma, Sketch) tradycyjnie operują na pikselach, bo to jednostka natywna dla ekranu. CSS koduje się często w REM ze względów dostępności — ten kalkulator służy właśnie do tłumaczenia między tymi dwoma światami.
Design tools (Figma, Sketch) traditionally work in pixels, since that's the screen's native unit. CSS is often coded in REM for accessibility reasons — this calculator exists exactly to translate between these two worlds.
Co jeśli root font-size nie jest 16px?
What if the root font-size isn't 16px?
Zmień wartość w polu "Rozmiar bazowy" na górze kalkulatora — wszystkie przeliczenia dostosują się automatycznie.
Change the value in the "Root font-size" field at the top of the calculator — all conversions adjust automatically.
Czy mogę sprawdzić kilka wartości naraz?
Can I check several values at once?
Tak — tabela po prawej stronie pokazuje od razu 12 najczęściej używanych wartości PX z ich odpowiednikami w REM.
Yes — the table on the right shows 12 of the most commonly used PX values with their REM equivalents right away.
Kiedy potrzebny jest ten kierunek konwersji
Deweloper dostaje makietę z wartościami w pikselach od projektanta, ale koduje w REM — musi więc szybko przeliczyć, żeby wiedzieć, jaką wartość wpisać w CSS.
Praktyczny przykład
Jeśli projektant zaznaczył nagłówek na 32px, a strona koduje w REM przy rozmiarze bazowym 16px, w CSS trzeba wpisać 2rem — dokładnie to liczy ten kalkulator.
Co warto sprawdzić dodatkowo
Jeśli strona zmienia rozmiar bazowy w media queries (częsta technika fluid typography), pamiętaj, że przeliczenie REM→PX będzie się różnić w zależności od szerokości ekranu.
When you need this conversion direction
A developer gets a mockup with pixel values from a designer, but codes in REM — so they need to quickly convert to know what value to type into CSS.
A practical example
If a designer marked a heading at 32px, and the site codes in REM with a 16px root size, CSS needs 2rem — exactly what this calculator computes.
What else is worth checking
If a site changes the root size in media queries (a common fluid-typography technique), remember the REM→PX conversion will differ depending on screen width.
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.