CalcFlowSparkpond
Gambar & layar

Pengonversi Satuan CSS

Konversikan panjang CSS umum hanya jika konteks yang diperlukan sudah eksplisit. Menyediakan ukuran font root dan elemen saat ini sehingga rem dan em tidak secara diam-diam menggunakan dasar yang sama.

● Berjalan secara lokal
Nilai contoh
Berjalan di browser Anda · Tidak diperlukan akun

Pengonversi Satuan CSS

Panjang CSS yang dikonversi
01

Rumus

1rem = root px · 1em = element px · 1pt = 96/72 px

Normalisasikan unit sumber ke piksel referensi CSS, lalu bagi dengan faktor piksel kontekstual unit target.

02

Asumsi

  • Ukuran font root dan elemen sangat positif.
  • Piksel referensi CSS digunakan, bukan piksel layar fisik yang diukur.

Alat ini mengasumsikan relasi referensi CSS 1in = 96px dan 1pt = 1/72in. Unit dan persentase area pandang tidak termasuk.

03

Tinjauan rumus

Formula v1.0.0

Ditinjau 2026-08-03

CalcFlow engineering review

Contoh yang berhasil

Pengonversi Satuan CSS: Contoh yang berhasil

Pada akar 16 px, 24 px 16 = 1,5 rem. Berdasarkan aturan piksel referensi, 24 px juga sama dengan 18 pt.

Kalkulator terkait
Kepadatan Piksel / PPI

Hitung PPI layar, pitch piksel, serta lebar dan tinggi fisik dari resolusi dan diagonal.

Penyederhanaan Rasio

Kurangi rasio bilangan bulat atau desimal dua bagian dengan langkah GCD dan tanda yang dinormalisasi.

Dimensi Ubah Ukuran Gambar

Hitung dimensi piksel baru berdasarkan lebar, tinggi, persentase, atau kotak maksimum sambil mempertahankan rasio aspek.

Pertanyaan yang sering diajukan

Pertanyaan yang sering diajukan

Apa perbedaan antara rem dan em?

rem menggunakan ukuran font elemen root. em menggunakan konteks ukuran font elemen saat ini.

Mengapa persentase tidak termasuk?

Persentase dapat bergantung pada properti berbeda dan blok yang memuatnya, jadi satu konteks skalar saja tidak cukup.

Apakah piksel CSS adalah piksel fisik?

Belum tentu. CSS mendefinisikan piksel referensi yang dipetakan browser ke piksel perangkat berdasarkan tampilan dan zoom.