Konverter PX ke REM

Unit Rem membuat tata letak tetap mudah diakses — mereka menyesuaikan dengan preferensi ukuran font pengguna — namun tak seorang pun ingin membaginya dengan 16 sepanjang hari. Konverter ini melakukan aritmatika langsung: pilih arah (px → rem, rem → px atau px → em), ketik nilainya, dan hasilnya langsung muncul bersama dengan baris CSS siap salin seperti font-size: 0.875rem.

Bidang ukuran font dasar membuat alat ini cocok untuk proyek apa pun. Default browser adalah 16 piksel, jadi 1rem sama dengan 16 piksel, namun banyak basis kode yang menyetel html { font-size: 62.5% } agar 1rem sama dengan 10 piksel — masukkan 10 sebagai basis dan setiap baris konversi dan tabel akan mengikuti. Arah px → em menggunakan matematika yang sama terhadap ukuran font elemen induk, bukan root, yang merupakan perbedaan antara em dan rem dalam CSS.

Di bawah hasilnya, tabel referensi menunjukkan ukuran desain yang paling umum — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48, dan 64 piksel — yang sudah dikonversi pada basis Anda saat ini, dengan baris yang cocok dengan basis yang disorot. Ini adalah lembar contekan yang seharusnya Anda simpan di monitor Anda, selalu sinkron dengan basis yang sebenarnya Anda gunakan.

Semuanya terjadi secara lokal di browser Anda saat Anda mengetik: tidak ada unggahan, tidak ada pendaftaran, tidak ada server bolak-balik. Halaman preset untuk rem → px, px → em, basis 10px dan nilai populer seperti 14, 24 dan 32 px membuka konverter yang siap dikonfigurasi untuk pertanyaan-pertanyaan tersebut.