Konverter REM ke PX

Alat ini mengonversi nilai rem kembali menjadi piksel. Ini kebalikan dari konversi px ke rem dan sangat berguna untuk memeriksa desain berbasis rem: masukkan nilai rem, tetapkan ukuran font akar Anda, dan langsung lihat berapa piksel hasil renderingnya. Hal ini memudahkan verifikasi jarak, pengecekan ukuran terhitung, dan penyerahan spesifikasi yang presisi.

Dengan akar standar 16px, 1rem = 16px. Jika proyek Anda memakai font-size html berbeda, tetapkan dasar sesuai itu agar hasil pikselnya akurat.

Kapan Anda Butuh PX dari REM

Periksa Ukuran Terhitung

Terjemahkan nilai rem dari stylesheet orang lain ke piksel untuk memahami ukuran rendering sebenarnya.

Serah Terima Pixel-Perfect

Beri desainer dan QA ukuran piksel yang tepat, diturunkan dari sistem berbasis rem Anda.

Cocokkan Aset Desain

Pastikan nilai rem selaras dengan aset piksel tetap seperti ikon, gambar, atau garis tepi 1px.

Cara Mengonversi REM ke PX

1

Tetapkan Ukuran Font Akar

Masukkan font-size akar (html) proyek Anda pada kolom Ukuran Font Dasar. Bawaan 16px sesuai dengan garis dasar peramban standar.

2

Masukkan Nilai REM

Pilih tab satuan rem dan ketik nilai rem yang ingin dikonversi. Padanan pikselnya diperbarui secara langsung.

3

Baca Hasilnya

Nilai piksel muncul seketika di panel hasil, bersama padanan em dan rem. Atur jumlah desimal sesuai presisi yang Anda inginkan.

4

Salin Hasilnya

Klik tombol salin di samping hasil px dan tempel di mana pun Anda membutuhkan ukuran piksel yang tepat.

Rumusnya: px = rem × font-size akar. Contohnya, 1.5rem × 16px = 24px.

Hubungan REM dan PX

Piksel bersifat absolut dan rem bersifat relatif, sehingga keduanya menjawab pertanyaan yang berbeda. Memahami kompromisnya membantu Anda memutuskan mana yang dideklarasikan di CSS dan mana yang dikonversi untuk referensi.

REM

Relatif dan menyesuaikan

Terkait dengan font-size akar
Menyesuaikan preferensi font pengguna
Direkomendasikan untuk tata letak dan tipografi
Satu nilai, konsisten di mana saja

PX

Absolut dan tetap

Satu piksel perangkat, tanpa relativitas
Mengabaikan preferensi font pengguna
Terbaik untuk garis tepi dan garis tipis
Ukuran pasti dan dapat diprediksi

Kiat: mengonversi rem ke px hanya untuk pemeriksaan dan serah terima. Pada CSS produksi, mempertahankan nilai dalam rem menjaga aksesibilitas dan penyesuaian responsif.

Konversi Umum REM ke PX

Nilai referensi dengan asumsi ukuran font akar 16px. Ubah dasar pada alat untuk menghitung ulang bagi pengaturan akar lain.

REM	Piksel (akar 16px)	Penggunaan Umum
0.5rem	`8px`	Celah rapat, padding kecil
0.75rem	`12px`	Keterangan, cetakan kecil
1rem	`16px`	Dasar teks isi
1.5rem	`24px`	Judul bagian, jarak
2rem	`32px`	Judul halaman, celah besar
3rem	`48px`	Jarak hero, margin besar

Pertanyaan yang Sering Diajukan

Bagaimana rem dikonversi ke px?

Kalikan nilai rem dengan ukuran font akar: px = rem × akar. Dengan akar 16px, 1.5rem menjadi 24px. Alat ini melakukannya seketika dan membulatkan sesuai presisi desimal pilihan Anda.

Mengapa saya perlu mengonversi rem kembali ke px?

Sebagian besar untuk pemeriksaan dan komunikasi: mengecek nilai yang dihasilkan desain berbasis rem, mencocokkan aset piksel tetap, atau menyerahkan ukuran tepat kepada desainer dan QA. Biasanya CSS sesungguhnya tetap dalam rem demi penyesuaian.

Bagaimana jika ukuran font akar proyek saya bukan 16px?

Cukup ubah kolom Ukuran Font Dasar ke nilai akar Anda yang sebenarnya. Misalnya, dengan akar 10px (teknik "62.5%" yang umum), 1.5rem setara 15px. Alat ini langsung menghitung ulang.

Apakah konversi rem ke px bergantung pada penyarangan elemen?

Tidak. Karena rem selalu relatif terhadap font-size akar, penyarangan tidak memengaruhi konversi. Itulah yang membuat rem dapat diprediksi dibandingkan em, yang relatif terhadap tiap induk.

Apakah konversi dilakukan di peramban saya?

Ya. Semua dihitung di sisi klien saat Anda mengetik. Tidak ada data yang dikirim ke server, jadi alat ini instan dan berfungsi luring setelah halaman dimuat.