Konverter REM ke PX — Rem ke Piksel, Langsung & Privat

Konversi rem ke px secara instan dengan root font-size yang dapat disesuaikan. 1rem = 16px secara default. Konversi dua arah langsung, siap salin, berjalan 100% di browser Anda.

Tanpa Pelacakan Berjalan di Browser Gratis

Root font-size

Piksel (px)

Rem (rem)

Pratinjau

Rubah cokelat yang gesit

Ditinjau untuk akurasi unit rem CSS dan panduan aksesibilitas — Tim Engineering Go Tools · Jun 11, 2026

Referensi Cepat

Berapa 1rem dalam px?

1rem = 16px (pada basis 16px) Pada root font-size default browser 16px, 1rem sama persis dengan 16px. Ini adalah jangkar untuk setiap konversi: px = rem × 16.

Apa Rumus rem ke px?

px = rem × root-font-size Kalikan nilai rem dengan root font-size. Misalnya, 1.5rem × 16 = 24px. Ubah basis di alat jika proyek Anda tidak menggunakan 16px.

Apa Itu Trik 62.5%?

62.5% → 1rem = 10px Menetapkan html { font-size: 62.5% } membuat root menjadi 10px, sehingga 1rem = 10px dan rem-ke-px hanya "kalikan dengan 10". Tetapkan basis alat ini ke 10 untuk menggunakannya.

Apa Itu Konverter REM ke PX?

Konverter rem ke px menerjemahkan unit rem menjadi ukuran piksel. Unit rem ("root em") relatif terhadap font-size dari elemen root: 1rem selalu sama dengan root font-size, yang ditetapkan browser ke 16px secara default. Konversinya adalah perkalian sederhana — px = rem × root-font-size — tetapi memeriksanya untuk setiap nilai saat membaca atau men-debug sebuah stylesheet itu berulang, yang justru dihilangkan oleh alat ini.

Developer biasanya menulis CSS dalam rem demi aksesibilitas dan skalabilitas: nilai yang ditulis dalam rem menskala dengan preferensi ukuran font browser pengguna, sementara nilai px tetap. Tetapi ada banyak momen ketika Anda membutuhkan angka piksel — mencocokkan mockup desain, menyerahkan ukuran kepada desainer yang bekerja dalam piksel, menetapkan properti khusus-px, atau men-debug mengapa sebuah elemen dirender pada ukuran tertentu. Saat itulah mengonversi rem kembali ke px adalah persis yang Anda inginkan.

Konverter ini menjaga kolom rem dan piksel tetap terhubung secara real time, sehingga Anda dapat bergerak ke kedua arah, dan — tidak seperti alat yang menetapkan basis 16px secara permanen — ia memungkinkan Anda menetapkan root font-size apa pun. Itu penting karena stylesheet yang menggunakan teknik 62.5% (root 10px) menguraikan rem menjadi nilai piksel yang berbeda dari pengaturan default 16px. Pratinjau langsung menampilkan ukuran teks hasil, dan tabel referensi mencantumkan nilai rem umum pada basis 16px untuk pencarian cepat.

Butuh arah yang lain? Gunakan konverter px ke rem. Untuk membersihkan stylesheet itu sendiri, coba CSS formatter, dan untuk pekerjaan warna lihat konverter warna. Semuanya berjalan di browser Anda — nilai Anda tidak pernah meninggalkan perangkat Anda.

/* The core formula */
/* px = rem × root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12

Fitur Utama Konverter REM ke PX Ini

Root Font-Size Kustom

Konversi terhadap basis apa pun, bukan hanya 16px. Cocokkan teknik 62.5% (10px) atau root font-size aktual proyek Anda — sebagian besar alat menetapkan 16 secara permanen.

Konversi Dua Arah Langsung

Kolom rem dan piksel tetap terhubung secara real time. Ubah salah satu sisi dan sisi lainnya langsung diperbarui terhadap basis yang Anda pilih.

Pratinjau Ukuran Bawaan

Baris pratinjau merender teks pada ukuran rem yang dimasukkan sehingga Anda dapat melihat skalanya, bukan sekadar angkanya.

Salin Sekali Klik

Salin nilai rem atau px ke clipboard Anda dengan satu klik, siap ditempel ke CSS atau alat desain.

Tabel Konversi Referensi

Bagan nilai rem umum dan padanan pikselnya pada basis 16px untuk pencarian cepat tanpa mengetik.

100% Berbasis Browser & Privat

Semua matematika terjadi secara lokal di browser Anda. Tidak ada permintaan server, tidak ada pelacakan, tidak ada penyimpanan data — nilai Anda tidak pernah meninggalkan perangkat Anda.

Contoh Konversi REM ke PX

Teks Isi — 1rem ke px

16px

Pada root font-size default 16px, 1rem sama persis dengan 16px. Inilah baseline untuk setiap konversi lainnya: px = rem × 16.

Judul — 1.5rem ke px

1.5

24px

1.5rem diuraikan menjadi 24px (1.5 × 16). Judul sering ditulis dalam rem agar menskala dengan preferensi ukuran font pengguna tetapi tetap memetakan ke ukuran piksel yang familiar.

Label Kecil — 0.75rem ke px

0.75

12px

0.75rem adalah 12px pada basis 16px. Memeriksa nilai piksel membantu memastikan cetakan kecil tetap terbaca.

Jarak — 0.5rem ke px

0.5

8px

0.5rem sama dengan 8px. Design system sering menyatakan padding dan margin dalam rem; mengonversi kembali ke px berguna untuk peninjauan yang presisi-piksel.

Judul Besar — 2rem ke px

32px

2rem tepat dua kali lipat basis, 32px. Kelipatan bersih seperti ini umum untuk judul yang menonjol.

Breakpoint — 48rem ke px

768px

Breakpoint media-query 48rem diuraikan menjadi 768px pada basis 16px — ambang lebar tablet yang familiar dinyatakan dalam unit yang dapat diskala.

Cara Mengonversi Nilai rem Umum ke px

Referensi cepat untuk nilai rem yang paling sering dikonversi developer ke px, pada root font-size default 16px.

Cara Mengonversi 1rem ke px

1 rem → 16 px

Kalikan 1 dengan root font-size 16px untuk mendapatkan 16px. 1rem adalah nilai jangkar — ia sama persis dengan 16px pada pengaturan default, titik acuan untuk semua konversi lainnya.

1 rem → 16 px

Hafalkan 1rem = 16px. Dari sana, bagi dua untuk 0.5rem (8px) dan kalikan dua untuk 2rem (32px).