Lewati ke konten
🛠️ToolsShed

Line Height Calculator

Hitung line height optimal untuk tipografi yang dapat dibaca.

Nilai Piksel
24px
Nilai Tanpa Unit
1.50
Nilai em
1.50em
Rekomendasi
Teks isi (1.5–1.6)
Judul (1.1–1.3)
Keterangan (1.3–1.4)
Pratinjau
The quick brown fox jumps over the lazy dog. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
font-size: 16px; line-height: 1.50;

Tentang alat ini

Tinggi baris adalah jarak vertikal antara baris teks dan merupakan salah satu faktor terpenting dalam tipografi untuk keterbacaan dan kenyamanan visual. Baik Anda merancang situs web, menulis dokumen, atau membuat konten digital apa pun, menetapkan tinggi baris dengan benar membuat teks lebih mudah dibaca dan mengurangi kelelahan mata. Alat ini menghitung tinggi baris optimal dengan mengalikan ukuran font Anda dengan rasio yang dipilih, membantu Anda menemukan keseimbangan sempurna untuk berbagai jenis teks.

Untuk menggunakan kalkulator, masukkan ukuran font Anda dalam piksel dan sesuaikan geser rasio untuk melihat hasil secara real-time dalam berbagai format: piksel, nilai tanpa unit, dan unit em. Alat ini menyediakan rekomendasi yang dikodekan warna untuk kasus penggunaan umum: teks badan biasanya mendapat manfaat dari 1,5 hingga 1,6, judul terlihat terbaik pada 1,1 hingga 1,3, dan keterangan berfungsi baik pada 1,3 hingga 1,4. Pratinjau langsung menunjukkan bagaimana tinggi baris yang Anda pilih mempengaruhi teks sebenarnya, sehingga Anda dapat melihat dampaknya sebelum menerapkannya ke desain Anda. Semua perhitungan menggunakan rasio tanpa unit (seperti 1,5 bukan piksel), yang merupakan praktik terbaik karena mereka secara otomatis menskalakan ketika ukuran font berubah.

Desainer, pengembang, dan pembuat konten menggunakan alat ini untuk mempertahankan konsistensi visual di seluruh sistem tipografi dan memastikan kepatuhan aksesibilitas. Pedoman Aksesibilitas Konten Web W3C merekomendasikan tinggi baris minimum 1,5 untuk teks badan guna meningkatkan keterbacaan bagi semua pengguna, termasuk mereka yang mengalami disleksia atau gangguan penglihatan. Dengan menggunakan kalkulator ini secara teratur, Anda membuat sistem tipografi yang estetis menarik dan dapat diakses.

Pertanyaan yang Sering Diajukan

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.