Konverter PX ke REM

Unit rem menjaga tata letak tetap aksesibel — mereka menskalakan sesuai preferensi ukuran font pengguna — tetapi tak seorang pun ingin terus-menerus membagi 16 di kepala. Konverter ini melakukan aritmetika secara langsung: pilih arah (px → rem, rem → px, atau px → em), ketik nilainya, dan hasilnya langsung muncul bersama baris CSS siap salin seperti font-size: 0,875rem.

Kolom ukuran font dasar membuat alat ini cocok untuk proyek apa pun. Default browser adalah 16px, jadi 1rem sama dengan 16px secara bawaan, tetapi banyak basis kode mengatur html { font-size: 62,5% } untuk membuat 1rem sama dengan 10px — masukkan 10 sebagai basis dan setiap konversi serta baris tabel akan mengikuti. Arah px → em menggunakan perhitungan yang sama terhadap ukuran font elemen induk alih-alih root, yang merupakan perbedaan antara em dan rem di CSS.

Di bawah hasil, tabel referensi menampilkan 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 disorot. Ini adalah lembar contekan yang biasanya Anda tempelkan di monitor, selalu sinkron dengan basis yang benar-benar Anda gunakan.

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