Kalkulator rasio aspek & generator CSS โ€” preset 9:16 TikTok/Reels

Hitung rasio aspek dan ukuran yang hilang dengan cepat. Berjalan lokal di browser, tanpa unggah. Sudah termasuk preset 9:16 untuk TikTok/Reels dan cuplikan CSS aspect-ratio. Gratis.

:
16:9
1920px
1080px
 
 
 
 
 
Cara menggunakan
 
1. Pilih preset (9:16, 16:9, 4:5) atau masukkan rasio khusus.
2. Isi salah satu, lebar atau tinggi.
3. Ukuran yang hilang langsung muncul beserta pratinjaunya.
4. Salin kode CSS `aspect-ratio` yang dihasilkan untuk dipakai di layout Anda.



 
 
 
Fitur utama
 
- **TikTok/Reels (9:16)**: pakai preset vertikal untuk memeriksa ukuran video media sosial dengan cepat.
- **Buat CSS aspect-ratio**: hasilkan cuplikan CSS `aspect-ratio` modern secara instan.
- **Hitung ukuran yang hilang**: lebar atau tinggi dihitung otomatis dengan rasio tetap terjaga.
- **Pratinjau visual**: lihat rasionya langsung dalam kotak pratinjau yang responsif.
- Tetap privat: semuanya berjalan secara lokal di browser Anda.



 
 
 
Alat terkait
 
  
Generator Lorem Ipsum (JSON/HTML) โ€” teks dummy untuk developer
 
Buat Lorem Ipsum dalam bentuk teks, HTML <p>, atau array JSON. Diproses lokal, tanpa unggah. Termasuk teks dummy Mandarin dan pengaturan panjang teks. Gratis.
  
Konverter warna HEX/RGB/CMYK โ€” cek kontras WCAG online gratis
 
Konversi HEX, RGB, HSL, dan CMYK lengkap dengan pemeriksa kontras WCAG. Diproses lokal di browser, tanpa unggah. Dapatkan nilai CMYK siap cetak dan salin hasilnya sekarang.
  
Ambil warna dari gambar online gratis & generator palet
 
Pilih, seret, atau tempel gambar untuk mengambil warna piksel secara lokal, salin nilai HEX/RGB/HSL, dan buat palet warna dominannya.
  
 
 
 
Logika perhitungan
 
- Rumus:
  \[
  H = W \times \frac{r_H}{r_W}
  \]
  atau
  \[
  W = H \times \frac{r_W}{r_H}
  \]
- Contoh CSS:
  \[
  \text{aspect-ratio}: \frac{16}{9}
  \]



 
 
 
Pertanyaan umum
 
### Berapa rasio aspek untuk TikTok dan Reels?
Standarnya 9:16 (vertikal), dengan resolusi umum 1080ร—1920. Gunakan preset 9:16 untuk memastikan ukuran video Anda sudah sesuai.

### Bagaimana cara memakai aspect-ratio di CSS?
Gunakan `aspect-ratio: 16/9;`. Alat ini membuatkan cuplikannya beserta fallback yang berguna untuk layout Anda.

### Apakah data saya aman?
Aman. Semua perhitungan berjalan lokal di browser, tanpa unggah dan tanpa penyimpanan di server.

### Apakah gratis? Bisa dipakai untuk kerja?
Gratis, dan cocok untuk kreator maupun tim yang perlu menyelaraskan ukuran video dan antarmuka.

### Kenapa ada selisih 1โ€“2 piksel?
Sebagian ukuran harus dibulatkan ke piksel bulat. Kami membulatkan ke bilangan terdekat sambil menjaga rasionya semirip mungkin.