Darmowe narzędzia online
Konwerter px na rem
Wpisz wartość w pikselach albo w rem. Drugie pole przeliczy się natychmiast. Domyślna baza to 16 px, ale możesz ją zmienić.
Domyślnie 16, czyli rozmiar fontu elementu html.
Najczęstsze wartości
| px | rem |
|---|---|
| 10px | 0.625rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 28px | 1.75rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 64px | 4rem |
Dane nie opuszczają Twojej przeglądarki. Nic nie wysyłamy na serwer.
Jak korzystać
- Wpisz wartość w pikselach albo w jednostce rem.
- Jeśli Twój font bazowy jest inny niż 16 px, zmień bazę.
- Skopiuj wynik z jednostką rem.
- Skorzystaj z tabeli, by szybko sprawdzić typowe rozmiary.
Jak liczy się rem
Jednostka rem jest względna wobec rozmiaru czcionki elementu głównego html. Przy domyślnych 16 pikselach 1 rem to 16 px, więc 24 px to 1,5 rem. Wzór to piksele podzielone przez rozmiar bazowy.
Dlaczego rem zamiast px
Rozmiary w rem skalują się razem z ustawieniami czcionki w przeglądarce. Osoba, która zwiększyła domyślny rozmiar tekstu, dostaje większy interfejs. Piksele tego nie robią, dlatego rem jest zwykle lepszym wyborem dla tekstu i odstępów.
Czego nie zmieniać na rem
Cienkie ramki, cienie czy szczegóły ikon często zostawia się w pikselach, bo mają wyglądać tak samo przy każdym rozmiarze tekstu. Rem stosuj tam, gdzie interfejs ma rosnąć razem z czytelnością.
Najczęstsze pytania
Pokrewne narzędzia
Potrzebujesz więcej niż narzędzia?
Jeśli stoi za tym większy projekt, strona, sklep albo aplikacja, opisz go w krótkim briefie. Odpowiadamy konkretnie i bez zobowiązań.
Opisz projekt