Konverter PX-REM
px (기본: 16px)
1rem
font-size: 1rem;px ↔ rem Reference Table (Base Font Size: 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 |
Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Konverter PX-REM?
Alat online gratis yang mengonversi unit CSS piksel dan rem dua arah dengan ukuran font root yang dapat disesuaikan, mendukung nilai desimal, dan menyertakan tabel referensi yang dapat disalin serta 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
Konverter Kode Warna Konverter warna online gratis yang menerjemahkan secara instan antara kode HEX, RGB, HSL, dan OKLCH serta menghitung rasio kontras WCAG antara dua warna agar mudah memeriksa kepatuhan aksesibilitas.
Konverter Timestamp Alat online gratis untuk mengonversi antara stempel waktu Unix dan tanggal dua arah. Menerima detik (10 digit) dan milidetik (13 digit) serta mendukung KST, JST, UTC, ISO 8601, dan waktu relatif.
Generator CSS Box Shadow Generator CSS box-shadow online gratis dengan kontrol offset, blur, spread, warna, dan inset, memberikan pratinjau langsung bayangan dan menghasilkan kode CSS box-shadow siap salin untuk elemen apa pun.
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.