Konverter px ke rem: rumus dan tabel konversi

piksel px rem rem

Ukuran font dasar (px)

1 px = 0,0625 rem

Buka di Konverter PX ke REM

Rumus

rem = px ÷ 16

Cara mengonversi

Untuk mengonversi piksel ke rem, bagi nilainya dengan 16. Contohnya, 32 px = 2 rem.

Tabel konversi

px	rem
1 px	0,0625 rem
2 px	0,125 rem
4 px	0,25 rem
8 px	0,5 rem
10 px	0,625 rem
12 px	0,75 rem
14 px	0,875 rem
16 px	1 rem
18 px	1,125 rem
20 px	1,25 rem
24 px	1,5 rem
32 px	2 rem
48 px	3 rem
64 px	4 rem

Tabel ini mengasumsikan ukuran font dasar 16px. Ubah pengaturan di konverter di atas agar sesuai dengan proyek Anda.

Tentang satuan ini

Browser mengubah setiap panjang CSS menjadi piksel. rem relatif terhadap ukuran font root dan em terhadap ukuran font elemen induk; keduanya 16px di semua browser utama kecuali diubah oleh halaman atau pengguna. 1pt adalah 1/72 inci dan 1px adalah 1/96 inci, jadi 1pt = 1,333px. vw adalah 1% lebar viewport, sehingga ukurannya dalam piksel bergantung pada layar.

FAQ

› Bagaimana cara mengonversi px ke rem?

1 px = 0,0625 rem. Untuk mengonversi, bagi nilainya dengan 16: 32 px = 2 rem.

› Berapa 1 rem dalam px?

1 rem = 16 px. Rumus kebalikannya adalah px = rem × 16.

› Mengapa memakai rem, bukan px?

Ukuran rem mengikuti pengaturan ukuran font di browser pengguna, yang membantu aksesibilitas, dan mengubah satu nilai root akan menskalakan seluruh tata letak secara konsisten.

› Apa beda rem dan em?

rem selalu memakai ukuran font root (html). em memakai ukuran font elemen induk, sehingga nilai em yang bersarang akan saling mengalikan.