Konwerter pikseli na EM/REM
Konwertuj px, rem, em, pt i % z tabelą na żywo i gotowym do skopiowania CSS
rem jest względny do rozmiaru czcionki głównej; em i % są względne do elementu nadrzędnego.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
O Konwerter pikseli na EM/REM
Konwerter pikseli na EM/REM przelicza wartości długości CSS między px, rem, em, pt i procentami. Wprowadź wartość w dowolnej z pięciu jednostek, a interaktywna tabela pokaże jej odpowiedniki we wszystkich pozostałych — plus gotowy do skopiowania fragment CSS, który możesz wkleić bezpośrednio do arkusza stylów.
Konwersje uwzględniają sposób, w jaki CSS faktycznie interpretuje jednostki: rem jest względne do rozmiaru czcionki elementu głównego, natomiast em i % są względne do rozmiaru czcionki elementu nadrzędnego. Obie wartości referencyjne można edytować, więc możesz modelować element główny 16 px z komponentem 14 px lub dowolną skalę systemu projektowego, z jakiej korzystasz.
Tabela typowych wartości mapuje rozmiary, po które najczęściej sięgają projektanci — dzięki czemu pytania takie jak „ile to jest 24px w rem” są odpowiadane od razu. Narzędzie jest darmowe, aktualizuje się w trakcie pisania i jest podstawowym elementem przy przekształcaniu stałych makiet pikselowych na dostępny, skalowalny CSS oparty na rem.
Jak korzystać z Konwerter pikseli na EM/REM
- Wprowadź wartość do przeliczenia i wybierz jej jednostkę: px, rem, em, pt lub %.
- Dostosuj rozmiar czcionki elementu głównego (dla rem) i elementu nadrzędnego (dla em i %), jeśli różnią się od 16 px.
- Odczytaj przeliczone wartości w interaktywnej tabeli.
- Skopiuj wygenerowany fragment CSS lub dowolną wartość z tabeli typowych wartości.