⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Konverter PX ke EM

Konversikan px ke rem, rem ke px, dan px ke em pada ukuran font dasar apa pun, dengan baris CSS yang siap disalin dan tabel referensi langsung.

Memproses... 0%

Hasil

Halaman ini membuka konverter dalam arah px → em. Aritmatikanya sama dengan pembagian rem — piksel dibagi dengan ukuran font referensi — tetapi referensinya berbeda: em relatif terhadap ukuran font elemen induk (atau, untuk ukuran font itu sendiri, ukuran elemen yang diwarisi), bukan ke akar.

Perbedaan tersebut justru terjadi ketika Anda meraih em: padding yang akan bertambah seiring dengan teks komponen itu sendiri, kueri media yang ditulis dalam em, atau tombol yang spasinya akan bertambah ketika ukuran fontnya berubah. Masukkan ukuran font induk sebenarnya di bidang dasar — ​​jika komponen Anda berada dalam teks 14px, padding 21px adalah 1,5em, bukan 1,3125em.

Hasilnya dilengkapi dengan baris CSS yang siap disalin, dan tabel referensi menunjukkan ukuran piksel umum yang dikonversi terhadap ukuran induk saat ini. Semuanya diperbarui langsung di browser Anda saat Anda mengetik, tanpa ada data yang keluar dari halaman.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Tiga arah dalam satu pemilih: px → rem, rem → px dan px → em.
  • Ukuran font dasar yang dapat disesuaikan (16px secara default) diterapkan pada hasil dan setiap baris tabel.
  • Tabel referensi untuk ukuran umum dari 1 hingga 64 px, dihitung ulang untuk basis saat ini dengan baris dasar disorot.

Manfaat Utama

✓ Nilai yang dikonversi, baris CSS, dan tabel referensi diperbarui langsung saat Anda mengetik — tidak ada tombol untuk ditekan.
✓ Ukuran font dasar dapat disesuaikan, sehingga proyek berbasis 10px dan skala tipografi khusus berfungsi sama baiknya dengan default 16px.
✓ Berjalan sepenuhnya di browser Anda: tidak ada yang diunggah, dan baris CSS yang siap disalin hanya berjarak satu klik saja.

Kasus Penggunaan

  • • Ubah nilai piksel dari mockup desain menjadi rem yang dibutuhkan stylesheet.
  • • Ubah kembali nilai rem dari CSS orang lain menjadi piksel agar sesuai dengan spesifikasi.
  • • Kerjakan ulang seluruh skala tipografi setelah beralih ke ukuran font dasar 10 piksel (62,5%).