Konverter Pixel ke EM/REM
Konversi px, rem, em, pt, dan % dengan tabel langsung dan CSS siap salin
rem relatif terhadap ukuran font root; em dan % relatif terhadap induk.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Tentang Konverter Pixel ke EM/REM
Konverter pixel ke EM/REM menerjemahkan nilai panjang CSS antara px, rem, em, pt, dan persen. Masukkan sebuah nilai dalam salah satu dari lima satuan tersebut dan tabel langsung menampilkan kesetaraannya dalam satuan lainnya — ditambah cuplikan CSS siap salin yang bisa langsung ditempelkan ke stylesheet.
Konversinya mengikuti cara CSS sebenarnya menerjemahkan satuan: rem bersifat relatif terhadap ukuran font akar (root), sedangkan em dan % bersifat relatif terhadap ukuran font elemen induk. Kedua ukuran referensi ini dapat diedit, sehingga Anda bisa memodelkan root 16 px dengan komponen 14 px, atau skala sistem desain apa pun yang Anda gunakan.
Tabel nilai umum memetakan ukuran yang paling sering dicari desainer — sehingga pertanyaan seperti "berapa 24px dalam rem" bisa langsung terjawab. Alat ini gratis, diperbarui saat Anda mengetik, dan menjadi andalan untuk mengonversi mockup pixel tetap menjadi CSS berbasis rem yang aksesibel dan dapat diskalakan.
Cara menggunakan Konverter Pixel ke EM/REM
- Masukkan nilai yang ingin dikonversi dan pilih satuannya: px, rem, em, pt, atau %.
- Sesuaikan ukuran font akar (untuk rem) dan ukuran font induk (untuk em dan %) jika berbeda dari 16 px.
- Baca nilai yang telah dikonversi pada tabel langsung.
- Salin cuplikan CSS yang dihasilkan atau nilai apa pun dari tabel nilai umum.