Konverter Unit CSS

Masukkan nilai dan pilih unit untuk dikonversi. Sesuaikan pengaturan lanjutan untuk perhitungan 'em', 'rem', 'vw', 'vh', dan '%'.

Konverter Unit CSS

Dari Unit

Ke Unit

Common CSS Unit Conversions

From	To	Formula
px	rem	px ÷ rootFontSize
px	em	px ÷ parentFontSize
px	vw	(px ÷ viewportWidth) × 100
px	vh	(px ÷ viewportHeight) × 100
px	%	(px ÷ parentFontSize) × 100

Definisi Unit

px (Pixels): Piksel; unit absolut relatif terhadap perangkat tampilan.

em: Relatif terhadap ukuran font elemen induk.

rem: Relatif terhadap ukuran font elemen root (html).

vw/vh: 1% dari lebar viewport.

%: Relatif terhadap nilai elemen induk untuk properti yang sama (misalnya, ukuran font induk untuk konversi ukuran font).

pt (Points): Point; unit absolut (1pt = 1/72 inci).

in, cm, mm: Inci; unit absolut (1in = 96px)., Sentimeter; unit absolut (1cm ≈ 37,8px)., Milimeter; unit absolut (1mm = 1/10 sentimeter).

Cara menggunakan Konverter Unit CSS

1
Masukkan nilai dan satuan
Ketik angka yang ingin Anda konversi, lalu pilih satuan From dan satuan To, seperti px ke rem.
2
Atur konteks lanjutan
Untuk satuan relatif, buka Advanced Settings untuk menetapkan ukuran font root, ukuran font induk, serta lebar dan tinggi viewport yang digunakan dalam perhitungan.
3
Konversi
Klik Convert untuk menghitung nilai setaranya, atau gunakan Swap untuk membalik satuan From dan To.

4
Salin hasilnya
Gunakan Copy Result untuk mengambil nilai yang dikonversi untuk stylesheet Anda.

Pertanyaan yang sering diajukan

Satuan CSS apa saja yang bisa dikonversi?

Alat ini mengonversi antara px, em, rem, %, vw, vh, pt, in, cm, dan mm, sehingga Anda dapat berpindah bebas antara satuan absolut dan satuan relatif yang responsif yang digunakan dalam CSS modern.

Mengapa konversi em, rem, dan viewport memerlukan pengaturan tambahan?

Satuan tersebut bersifat relatif, jadi nilai pikselnya bergantung pada konteks. Pengaturan lanjutan memungkinkan Anda menetapkan ukuran font root untuk rem, ukuran font induk untuk em dan %, serta lebar dan tinggi viewport untuk vw dan vh, yang membuat hasilnya sesuai dengan tata letak nyata Anda.

Ukuran font dasar apa yang diasumsikan?

Secara default alat ini menggunakan 16px, ukuran font root browser yang umum, untuk konversi em dan rem. Anda dapat menimpa ukuran font root dan induk di Advanced Settings jika desain Anda menggunakan dasar yang berbeda.

Seberapa akurat konversi satuan absolut?

Satuan absolut mengikuti spesifikasi CSS, di mana 1in setara 96px, 1pt setara 1/72 inci, dan 1cm sekitar 37,8px, sehingga konversi antara px, pt, in, cm, dan mm bersifat tepat.

Apakah konverter ini gratis dan berjalan secara lokal?

Ya. Alat ini gratis tanpa pendaftaran, bekerja di perangkat seluler, dan melakukan setiap perhitungan di browser Anda, sehingga tidak ada data yang dikirim ke server.

Alat terkait

Lanjutkan dengan alat praktis ini

Generator Prefiks Vendor CSS

Generator Meta Tag

Generator Robots.txt

Open Graph Previewer

Pengenkode/Pendekode Entitas HTML

Penampil Header HTTP