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

Konversi px ke rem secara instan dengan root font-size yang dapat disesuaikan. 16px = 1rem 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 16px dalam rem?

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

Apa Rumus px ke rem?

rem = px ÷ root-font-size Bagi nilai piksel dengan root font-size. Misalnya, 24px ÷ 16 = 1.5rem. 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 matematika rem hanya "bagi dengan 10". Tetapkan basis alat ini ke 10 untuk menggunakannya.

Apa Itu Konverter PX ke REM?

Konverter px ke rem menerjemahkan ukuran piksel menjadi unit rem untuk CSS. 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 pembagian sederhana — rem = px ÷ root-font-size — tetapi melakukannya secara manual untuk setiap ukuran font, margin, dan breakpoint dalam sebuah stylesheet itu melelahkan dan rawan kesalahan, yang justru dihilangkan oleh alat ini.

Alasan untuk mengonversi sama sekali adalah aksesibilitas dan skalabilitas. Ketika sebuah nilai ditulis dalam px, ia terkunci pada ukuran tetap dan mengabaikan preferensi ukuran font browser pengguna. Ketika ditulis dalam rem, ia menskala secara proporsional jika pengguna memperbesar ukuran font default mereka — akomodasi penting bagi orang dengan penglihatan rendah dan pengalaman yang lebih mulus bagi siapa pun yang melakukan zoom. Menyatakan sebuah design system dalam rem juga berarti satu perubahan pada root font-size menyekala ulang seluruh antarmuka secara konsisten.

Konverter ini menjaga kolom piksel dan rem 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) dikonversi berbeda dari pengaturan default 16px. Pratinjau langsung menampilkan ukuran teks hasil, dan tabel referensi mencantumkan nilai px paling umum pada basis 16px untuk pencarian cepat.

Butuh arah sebaliknya? Gunakan konverter rem ke px. Untuk merapikan 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 */
/* rem = px ÷ root-font-size (16px by default) */

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

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

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

Fitur Utama Konverter PX ke REM 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 piksel dan rem 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 hasil sehingga Anda dapat melihat skalanya, bukan sekadar angkanya.

Salin Sekali Klik

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

Tabel Konversi Referensi

Bagan nilai px paling umum dan padanan rem-nya 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 PX ke REM

Teks Isi — 16px ke rem

1rem

Pada root font-size default 16px, 16px sama persis dengan 1rem. Inilah baseline yang menjadi acuan setiap konversi lainnya: rem = px ÷ 16.

Judul — 24px ke rem

1.5rem

Judul 24px menjadi 1.5rem (24 ÷ 16 = 1.5). Menggunakan rem berarti judul menskala secara otomatis jika pengguna mengubah ukuran font default browser mereka.

Label Kecil — 12px ke rem

0.75rem

12px adalah 0.75rem pada basis 16px. Cetakan kecil dan keterangan adalah kandidat umum untuk rem agar menghormati preferensi ukuran font pembaca.

Jarak — 8px ke rem

0.5rem

8px sama dengan 0.5rem. Banyak design system menyatakan padding dan margin dalam rem agar jarak menskala bersama teks.

Trik 62.5% — basis 10px, 18px ke rem

1.125rem

Jika Anda menetapkan root font-size ke 10px (teknik 62.5%), 18px menjadi 1.8rem. Pada basis default 16px, 18px adalah 1.125rem. Selalu konversi terhadap basis yang benar-benar digunakan proyek Anda.

Breakpoint — 768px ke rem

48rem

Breakpoint media-query 768px adalah 48rem pada basis 16px. Breakpoint berbasis rem melakukan zoom lebih dapat diprediksi ketika pengguna menskala teks mereka.

Cara Mengonversi Nilai px Umum ke rem

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

Cara Mengonversi 16px ke rem

16 px → 1 rem

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

16 px → 1 rem

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