⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Generator Skala Tipe Fluida

Hitung nilai CSS penjepit() yang nyata dari ukuran min dan maks pada dua lebar area pandang, dengan kemiringan dan perpotongan ditampilkan langkah demi langkah dan pratinjau pengubahan ukuran secara langsung.

Memproses... 0%

Hasil

Halaman ini membuka kalkulator secara langsung dalam mode skala tipe dengan basis 16 piksel dan rasio 1,25 (sepertiga utama) yang telah dipilih — titik awal yang solid dan banyak digunakan untuk skala tipografi. Dari dua angka itu saja, enam ukuran dihasilkan: kecil, dasar, h4, h3, h2 dan h1, masing-masing memiliki nilai fluid Clamp() sendiri, bukan satu ukuran tetap.

Setiap langkah menjaga ukuran dasar tetap pada nilai yang sama di sisi seluler dan desktop, sementara judul ditingkatkan secara lebih agresif pada area pandang desktop yang lebih luas dibandingkan pada area pandang seluler yang sempit — ide yang sama seperti memilih rasio yang lebih lembut untuk layar kecil dan rasio yang lebih tebal untuk layar besar, yang diturunkan secara otomatis dari rasio tunggal yang Anda pilih.

Mengubah rasio menjadi 1.125, 1.2, 1.333, atau 1.5 akan membuat ulang seluruh tabel secara instan, dan tombol di bawahnya akan menyalin keenam nilai penjepit() sebagai blok properti kustom CSS yang siap ditempel untuk referensi stylesheet lainnya.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Matematika tipografi fluida nyata: kemiringan, koefisien vw, dan perpotongan sumbu y ditampilkan secara eksplisit, bukan hanya garis penjepit() terakhir.
  • Pratinjau langsung: seret penggeser lebar area pandang untuk melihat contoh teks diubah ukurannya persis seperti saat jendela browser sebenarnya diubah ukurannya.
  • Mode skala tipe: ukuran dasar dan rasio dari 1,125 hingga 1,5 menghasilkan enam langkah penjepit() cairan — kecil, dasar, h4, h3, h2, h1 — sebagai CSS yang siap disalin.

Manfaat Utama

✓ Garis penjepit(), nomor kemiringan dan persimpangan, serta pratinjau langsung semuanya diperbarui saat Anda mengetik — tidak ada tombol untuk ditekan.
✓ Penggeser lebar area pandang menggerakkan kotak pratinjau langsung, sehingga Anda melihat penskalaan yang tepat antara titik henti sementara minimum dan maksimum, bukan hanya rumus.
✓ Mode skala tipe terpisah mengubah satu ukuran dan rasio dasar menjadi skala judul 6 langkah yang dapat disesuaikan, siap sebagai blok properti kustom CSS.

Kasus Penggunaan

  • • Ubah ukuran font min/maks dan rentang area pandang menjadi garis penjepit() nyata — termasuk kemiringan, koefisien vw, dan persimpangan — alih-alih melihatnya dari tutorial.
  • • Seret penggeser lebar area pandang untuk melihat pratinjau perubahan ukuran judul atau isi isi persis seperti saat jendela browser sebenarnya diubah ukurannya, sebelum memasukkannya ke lembar gaya.
  • • Hasilkan skala tipe cairan 6 langkah penuh (kecil hingga h1) dari satu ukuran dan rasio dasar, disalin sebagai blok properti kustom CSS yang siap ditempel.
  • • Buatlah penjepit cair() untuk spasi (margin, padding, gap) alih-alih ukuran font — rumus kemiringan/persimpangan yang sama berlaku untuk properti CSS apa pun.