Konverter Satuan CSS

• Konversi Instan 18 Satuan: konversi nilai satuan CSS apa pun ke semua 18 satuan yang didukung secara instan - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh, dan rlh. Konverter satuan CSS kami menampilkan semua hasil secara bersamaan dalam grid kategori yang rapi, tanpa menunggu.
• Nilai Dasar yang Dapat Dikonfigurasi: atur ukuran font root, ukuran font induk, lebar viewport, dan tinggi viewport agar sesuai dengan konteks proyek Anda. Pilih dari prasetel umum (dari 375px iPhone hingga 2560px QHD) atau masukkan nilai khusus. Semua konversi diperbarui secara instan saat Anda mengubah pengaturan.
• Privasi 100 % di Browser: semua konversi satuan CSS terjadi secara lokal di browser Anda. Nilai dan pengaturan Anda tidak pernah meninggalkan perangkat - sepenuhnya aman untuk proyek kepemilikan dan design system. Tanpa unggahan server, tanpa penyimpanan data, tanpa pelacakan.
• Gratis & Tanpa Batas: konversi satuan CSS tanpa batas tanpa registrasi, langganan, dan batas penggunaan. Konverter satuan CSS kami sepenuhnya gratis selamanya, tanpa fitur premium yang terkunci di balik paywall.

Satuan CSS menentukan ukuran dan pengukuran elemen pada halaman web. Satuan ini terbagi dalam empat kategori utama: satuan absolut (px, pt, pc, cm, mm, in, q) yang memiliki ukuran fisik tetap, satuan relatif font (em, rem, %, ch, ex, lh, rlh) yang berskala dengan tipografi, satuan viewport (vw, vh, vmin, vmax) yang berskala dengan jendela browser, dan persentase yang berskala dengan elemen induk. Konverter satuan CSS kami mendukung semua 18 satuan dan langsung menunjukkan nilai ekuivalen di setiap kategori.

1. Masukkan nilai Anda dan pilih satuan sumber: ketik angka apa pun dan pilih satuan asal konversi. Anda dapat memulai dengan salah satu dari 18 satuan CSS yang didukung - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh, atau rlh.
2. Konfigurasikan pengaturan tergantung konteks: atur ukuran font root (untuk rem, rlh), ukuran font induk (untuk em, %, ch, ex), lebar viewport (untuk vw, vmin, vmax), dan tinggi viewport (untuk vh, vmin, vmax). Pilih dari prasetel umum atau masukkan nilai khusus. Hasil diperbarui otomatis saat Anda menyesuaikan pengaturan apa pun.
3. Baca hasil instan: lihat nilai yang dikonversi dalam semua 18 satuan yang diatur berdasarkan kategori (absolut, relatif font, viewport). Klik kartu hasil mana pun untuk menetapkannya sebagai input baru dan melanjutkan konversi. Salin nilai individual atau keluaran CSS dengan satu klik.

• Satuan absolut memiliki ukuran fisik tetap yang ditentukan oleh rasio piksel referensi CSS (96 DPI). 1in = 96px , 1cm ≈ 37.8px , 1pt = 1/72in . Satuan ini terbaik untuk stylesheet cetak dan ketika dimensi fisik yang tepat diperlukan.
• Satuan relatif font berskala dengan pengaturan tipografi. Gunakan rem untuk ukuran relatif root, em untuk ukuran relatif induk, dan % sebagai alternatif em. Nilai untuk ch dan ex bersifat perkiraan (berdasarkan 0.5× ukuran font), sedangkan lh dan rlh mengasumsikan tinggi baris default 1.2.
• Satuan viewport berskala dengan dimensi jendela browser. 1vw = 1 % lebar viewport , 1vh = 1 % tinggi viewport , vmin menggunakan dimensi yang lebih kecil dan vmax yang lebih besar. Atur ukuran viewport target Anda untuk mendapatkan ekuivalen piksel yang akurat.

Semua konversi satuan absolut dalam konverter satuan CSS kami presisi secara matematis berdasarkan rasio piksel referensi CSS (1in = 96px). Satuan relatif font (ch, ex, lh, rlh) menggunakan perkiraan standar: ch dan ex diperkirakan 0.5× ukuran font, lh 1.2× ukuran font induk, dan rlh 1.2× ukuran font root. Nilai yang benar-benar dirender bergantung pada jenis font dan browser tertentu. Untuk pekerjaan presisi piksel, selalu verifikasi dengan tipografi aktual Anda di browser target.