Konverter px ke rem & em
Konversi antara px, rem, dan em menggunakan ukuran font root dan konteks Anda sendiri — cukup edit satu kolom dan dua kolom lainnya otomatis diperbarui.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Setiap konversi berjalan langsung di browser Anda. Tidak ada data yang Anda ketikkan yang diunggah ke BroBroGo.
Tanya Jawab
Apa perbedaan antara px, rem, dan em?
px adalah nilai panjang tetap. rem diukur berdasarkan ukuran font root halaman, sehingga pada root 16px, 1rem sama dengan 16px. em diukur berdasarkan ukuran font elemen tempat ia berada. Menggunakan rem untuk ukuran teks dan jarak memungkinkan seluruh elemen berskala secara harmonis saat pembaca mengubah ukuran font default mereka.
Mengapa ada ukuran konteks em yang terpisah?
Unit em bersifat relatif terhadap ukuran font elemennya sendiri, yang tidak selalu sama dengan root. Atur konteks em ke ukuran font elemen tersebut untuk membaca nilai em secara akurat, dan biarkan nilainya sama dengan root jika keduanya memang cocok.
Bagaimana jika ukuran font root saya bukan 16px?
Ubah kolom ukuran font root agar sesuai dengan CSS Anda, dan setiap nilai rem akan langsung diperbarui. Tabel cepat di bawah ini adalah panduan praktis untuk basis root 16px umum yang digunakan oleh sebagian besar situs web.