Skip to main content
CalculoraCalculora

Keuangan & Bisnis

Kalkulator KeuanganInvestasi & PerencanaanKeuangan PribadiInvestasi PropertiAlat BisnisStartup & Perusahaan Perangkat Lunak

Matematika & Teknologi

Kalkulator MatematikaAlat TeknikAlat FisikaAlat DeveloperAlat Sekolah

Kesehatan & Kehidupan

Alat MedisUtilitas CerdasPengacak

Kreator & Khusus

Ekonomi KreatorAlat IslamKeberlanjutanGame

Konverter

Konverter SatuanKonverter PanjangKonverter BeratKonverter Suhu→ Konverter Satuan

Pengacak

Generator Angka AcakPemeriksa Kekuatan Kata SandiRoda KeberuntunganSimulator Lempar KoinPelempar DaduKalkulator Tumpang Tindih Zona Waktu→ Pengacak
Konverter File

Alat PDF

Konversi PDF ke JPGKonversi PDF ke PNGUbah PDF menjadi TXTKonversi PDF ke GIFKonversi PDF ke WebPKonversi PDF ke SVGUbah PDF menjadi DOCXUbah PDF ke ExcelUbah PDF ke PowerPointUbah PDF ke HTMLUbah PDF ke MarkdownUbah PDF ke TIFF

Konverter Gambar

Konversi JPG ke PNGKonversi PNG ke JPGKonversi PNG ke WebPKonversi WebP ke PNGKonversi WebP ke JPGKonversi JPG ke WebPUbah SVG ke PNGUbah SVG ke JPGKonversi SVG ke WebPKonversi BMP ke PNGKonversi BMP ke JPGKonversi BMP ke WebP

Gambar Lanjutan

Konversi HEIC ke JPGKonversi HEIC ke PNGKonversi TIFF ke JPGKonversi TIFF ke PNGKonversi JPG ke TIFFKonversi PNG ke TIFFKonversi JPG ke ICOKonversi PNG ke ICOUbah JPEG menjadi AVIFKonversi PNG ke AVIF

GIF & Animasi

Konversi Bingkai GIF ke PNGKonversi Bingkai GIF ke JPGKonversikan GIF ke frame individual (PNG/JPEG)Konversi PNG ke GIFKonversi JPG ke GIFKonversi GIF ke WebP

Pengeditan

Tambahkan Tanda Air ke GambarPenghapus Objek GambarUbah ukuran gambar secara instan di browser AndaKompres gambar online — perkecil ukuran file, jaga kualitas
Tantangan Kecepatan MatematikaTantangan Hitung MentalWordleBint WaladSudoku2048
Konverter Mata Uang
CalculoraCalculora

Platform kalkulator all-in-one Anda. Alat gratis, cepat, dan akurat untuk setiap kebutuhan.

Input kalkulator tetap 100% pribadi — semua perhitungan terjadi di browser Anda dan tidak pernah mencapai server kamiGratis selamanya — tanpa paywall, tanpa langganan, tanpa perlu akun

Populer

  • Kalkulator BMI
  • Kalkulator Pinjaman
  • Kalkulator Usia
  • Kalkulator KPR
  • Kalkulator Persentase
  • Kalkulator Ilmiah

Matematika

  • Kalkulator Statistik
  • Pemecah Persamaan
  • Kalkulator Pecahan
  • Kalkulator Faktorisasi Prima
  • Kalkulator FPB dan KPK
  • Kalkulator Logaritma

Keuangan

  • Kalkulator Kemerdekaan Finansial Pensiun Dini
  • Kalkulator Bola Salju Hutang
  • Kalkulator Investasi
  • Kalkulator Pensiun
  • Kalkulator Gaji
  • Kalkulator Pengembalian Investasi

Hukum

  • Lihat semua
  • Kategori
  • Konverter Mata Uang
  • Peta Situs
  • Game & Alat Seru
  • Tentang Kami
  • Hubungi Kami
  • Kebijakan Privasi
  • Syarat Layanan
  • Penafian

Bahasa

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 2026 Calculora. Hak cipta dilindungi.

Dibuat dengan — 100% gratis

Ringan & cepat — cookie dan analitik hanya berjalan dengan persetujuan Anda

  1. Beranda
  2. Alat Developer
  3. Konverter Unit CSS

Konverter Unit CSS

Konversi instan antara px, rem, em, pt, vw, vh, dan % menggunakan ukuran font dasar dan dimensi viewport Anda sendiri — tidak perlu lagi menebak-nebak berapa sebenarnya 1.5rem dalam piksel.

Apa itu Konverter Unit CSS?

CSS mendukung beberapa unit berbeda untuk ukuran — unit absolut seperti px dan pt, serta unit relatif seperti rem, em, vw, vh, dan %. Unit relatif sangat penting untuk desain yang responsif dan aksesibel (rem khususnya menghormati preferensi ukuran font browser pengguna), tetapi mengonversi di antara keduanya secara mental benar-benar sulit, karena hasilnya bergantung pada konteks: ukuran font root, ukuran font elemen saat ini, atau dimensi viewport.

Konverter ini melakukan perhitungan tersebut untuk Anda: atur ukuran font dasar, dimensi viewport, dan nilai yang ingin Anda konversi, lalu lihat nilai yang setara di setiap unit lain secara instan — berguna untuk menerjemahkan ukuran piksel dari mockup desain menjadi nilai rem/vw yang responsif, atau untuk memeriksa ulang apa sebenarnya yang dirender oleh aturan CSS yang sudah ada di layar.

Rumus

1rem = 1em = ukuran font dasar (default 16px)
1pt = 96/72 px ≈ 1.333px
1vw = lebar viewport / 100
1vh = tinggi viewport / 100
1% = nilai referensi / 100

Cara Menghitung

  1. Masukkan nilai yang ingin Anda konversi dan pilih unit awalnya.
  2. Atur ukuran font dasar Anda (defaultnya standar browser 16px).
  3. Untuk konversi vw/vh, masukkan lebar dan tinggi viewport target Anda.
  4. Baca nilai yang setara di setiap unit lain secara instan.

Contoh

Pada ukuran font dasar 16px, 1.5rem dikonversi menjadi 24px. Pada lebar viewport 1440px, 5vw dikonversi menjadi 72px.

Manfaat Utama

  • Mengonversi antara ketujuh unit CSS umum di satu tempat
  • Menggunakan ukuran font dasar dan viewport Anda yang sebenarnya, bukan asumsi tetap
  • Hasil instan saat Anda mengetik — tidak perlu membuka dev tools browser
  • Gratis, tanpa pendaftaran, berjalan sepenuhnya di browser Anda

Kesalahan Umum yang Harus Dihindari

  • Mengasumsikan 1rem selalu sama dengan 16px, tanpa memeriksa apakah ukuran font root telah diubah
  • Menggunakan vh untuk layout layar penuh mobile tanpa memperhitungkan perilaku address bar browser
  • Menyarangkan ukuran font berbasis em dan terkejut ketika bertumpuk secara tidak terduga
  • Mencampur px dan rem secara tidak konsisten dalam komponen yang sama, merusak skala aksesibilitas

Tips Profesional

  • Utamakan rem daripada em untuk ukuran font guna menghindari penumpukan tak terduga pada komponen bersarang
  • Gunakan dvh/svh alih-alih vh untuk layout layar penuh mobile jika browser target Anda mendukungnya
  • Pertahankan ukuran font dasar yang konsisten di seluruh design system Anda agar konversi rem tetap dapat diprediksi
  • Saat menerjemahkan desain pixel-perfect, konversi spacing ke rem tetapi pertahankan lebar border dan detail halus lainnya dalam px

Istilah Kunci Dijelaskan

Ukuran font root
Ukuran font yang diatur pada elemen html, yang menjadi acuan relatif semua unit rem
Viewport
Area yang terlihat dari halaman web di jendela browser
Unit absolut
Unit seperti px atau pt dengan ukuran dunia nyata yang tetap, tidak relatif terhadap konteks apa pun
Unit relatif
Unit seperti rem, em, vw, atau % yang ukurannya bergantung pada nilai lain

Kasus Penggunaan Umum

  • Mengonversi spesifikasi piksel Figma/Sketch dari desainer menjadi nilai rem untuk CSS yang aksesibel
  • Memeriksa apa sebenarnya yang dirender oleh ukuran font responsif berbasis vw pada lebar layar tertentu
  • Menerjemahkan CSS cetak atau email lama berbasis pt menjadi px atau rem standar web
  • Mengaudit apakah skala spacing sebuah design system selaras dengan bersih di berbagai unit
  • Dengan cepat memeriksa nilai CSS saat code review tanpa membuka dev tools

Pertanyaan Umum

Apa perbedaan antara rem dan em?
rem selalu relatif terhadap ukuran font elemen root (html), sehingga tetap konsisten tidak peduli seberapa dalam elemen bersarang. em relatif terhadap ukuran font elemen saat ini, yang berarti bisa bertumpuk (compound) saat bersarang — alat ini memperlakukan keduanya dengan cara yang sama demi kesederhanaan, menggunakan ukuran font dasar Anda.
Mengapa 1rem biasanya sama dengan 16px?
16px adalah ukuran font browser default untuk elemen root html di hampir semua browser. Karena rem relatif terhadap ukuran root tersebut, 1rem sama dengan 16px kecuali halaman (atau pengaturan browser pengguna) secara eksplisit mengubah ukuran font root.
Untuk apa vw dan vh digunakan?
vw (lebar viewport) dan vh (tinggi viewport) adalah persentase dari lebar dan tinggi jendela browser saat ini — 1vw sama dengan 1% dari lebar viewport. Keduanya umum digunakan untuk layout layar penuh dan tipografi responsif yang menyesuaikan dengan layar.
Apakah satu piksel selalu tepat 1/96 inci?
Menurut spesifikasi CSS, ya — piksel CSS didefinisikan sebagai 1/96 inci, itulah sebabnya 1pt (1/72 inci) dikonversi menjadi tepat 96/72 = 1,333 piksel CSS.

Alat Terkait

Kalkulator Rasio Aspek
Kalkulator Bandwidth
Kalkulator Waktu Pengunduhan
Kalkulator Biaya Hosting Cloud
Kalkulator Biaya CDN
Kalkulator Monetisasi Antarmuka Pemrograman Aplikasi
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100