DevToolPal
ID

Satuan CSS

Konverter rem ke px

Konversi rem (rem) ke piksel (px). 1 rem = 16 px, dan 1 px = 0,0625 rem.

Rumus

px = rem × 16

Cara mengonversi

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

Tabel konversi

rem px
0,25 rem 4 px
0,5 rem 8 px
0,75 rem 12 px
0,875 rem 14 px
1 rem 16 px
1,25 rem 20 px
1,5 rem 24 px
2 rem 32 px
2,5 rem 40 px
3 rem 48 px
4 rem 64 px

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 rem ke px?

1 rem = 16 px. Untuk mengonversi, kalikan nilainya dengan 16: 2 rem = 32 px.

› Berapa 1 px dalam rem?

1 px = 0,0625 rem. Rumus kebalikannya adalah rem = px ÷ 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.