Konverter PX-REM

Konverter PX ke REM yang mengubah piksel dan rem dua arah memakai ukuran font root yang bisa disetel, termasuk nilai desimal. Dilengkapi tabel referensi dan cuplikan CSS.

Ukuran Font Dasar:px (dasar: 16px)

rem

1rem

font-size: 1rem;

px ↔ rem Tabel Referensi (Ukuran Font Dasar: 16px)

px	rem	Salin
8px	0.5rem
10px	0.625rem
12px	0.75rem
14px	0.875rem
16px	1rem
18px	1.125rem
20px	1.25rem
24px	1.5rem
28px	1.75rem
32px	2rem
36px	2.25rem
40px	2.5rem
48px	3rem
56px	3.5rem
64px	4rem
72px	4.5rem
80px	5rem
96px	6rem

Sematkan

<iframe src="https://devtools.patrache.studio/id/converters/px-rem-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Konverter PX-REM — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/id/converters/px-rem-converter/">Konverter PX-REM</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Terakhir diperbarui: 2026 · Alat online gratis

Apa itu Konverter PX-REM?

Konverter PX ke REM yang mengubah piksel dan rem dua arah memakai ukuran font root yang bisa disetel, termasuk nilai desimal. Dilengkapi tabel referensi dan cuplikan CSS.

Cara Penggunaan

1
Atur ukuran font root— Atur ukuran font elemen root (default 16px).
2
Masukkan nilai PX atau REM— Masukkan angka di kolom PX atau REM.
3
Lihat hasil— Nilai unit lainnya akan dihitung secara otomatis.
4
Salin hasil— Klik tombol salin untuk menyalin nilai CSS.

Alat Terkait

Referensi Satuan CSSReferensi satuan CSS px, em, rem, %, vw, vh, vmin, vmax, dan ch yang tersusun per kategori. Dengan penjelasan jelas kapan memakai tiap satuan absolut dan relatif, gratis.

Generator Gradien CSSGenerator gradien CSS visual untuk gradien linear, radial, dan conic: tambah color stop, atur sudut, lalu salin CSS-nya. Cocok untuk latar dan tombol, gratis di browser.

Konverter Kode WarnaKonverter warna online gratis yang menerjemahkan secara instan antara kode HEX, RGB, HSL, dan OKLCH serta menghitung rasio kontras WCAG.

Generator CSS Box ShadowGenerator box-shadow CSS dengan kontrol offset, blur, spread, warna, dan inset serta pratinjau bayangan langsung. Salin kode CSS siap pakai untuk elemen apa pun, gratis.

Pertanyaan yang Sering Diajukan

PX adalah unit piksel tetap, REM adalah unit relatif berdasarkan ukuran font elemen root. REM lebih cocok untuk desain responsif.

Ukuran font root default browser adalah 16px, yaitu 1rem = 16px.

REM memungkinkan pengguna menyesuaikan ukuran font melalui pengaturan browser, meningkatkan aksesibilitas.

Tidak. Semua konversi dilakukan di browser Anda.