Lompat ke konten utama
←

Dasar Desain Visual

Pelajaran 4 dari 16

Kontras dan aksesibilitas

Luminans relatif: seberapa terang sebuah warna

Setelah pelajaran ini kamu bisa menghitung luminans relatif sebuah warna sRGB dengan rumus WCAG.

±13 menitDiperiksa 27 Sep 2026

Materi

Kontras teks tidak dihitung dari selisih kode HEX, tetapi dari luminans relatif, yaitu kecerahan sebuah warna yang dinormalkan menjadi 0 untuk hitam paling gelap dan 1 untuk putih paling terang. WCAG 2.2 menuliskan rumusnya untuk ruang warna sRGB dalam tiga langkah, dan hasilnya dipakai langsung di pelajaran berikutnya untuk menghitung rasio kontras.

Langkah pertama: bagi setiap kanal 8 bit dengan 255, sehingga didapat angka 0 sampai 1. Langkah kedua: linearkan tiap kanal. Bila angkanya 0,04045 atau kurang, bagi dengan 12,92; bila lebih, tambahkan 0,055, bagi dengan 1,055, lalu pangkatkan 2,4. Langkah ketiga: jumlahkan dengan bobot L = 0,2126 R + 0,7152 G + 0,0722 B. Bobot hijau paling besar, sehingga hijau murni jauh lebih terang daripada biru murni walaupun keduanya bernilai 255 di kanalnya.

Abu-abu #CCCCCC (204, 204, 204)
1. 204 / 255 = 0,8
2. 0,8 > 0,04045 → ((0,8 + 0,055) / 1,055) ^ 2,4 ≈ 0,6038
3. L = 0,2126×0,6038 + 0,7152×0,6038 + 0,0722×0,6038 ≈ 0,60

Pada warna abu-abu ketiga kanal sama besar, dan jumlah bobotnya tepat 1, sehingga luminansnya sama dengan nilai linear satu kanal. Pada warna yang kanalnya hanya satu menyala penuh, luminansnya sama dengan bobot kanal itu: merah murni 0,2126.

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Langkah pertama rumus luminans: sebuah kanal bernilai 51 dalam 8 bit. Berapa nilainya setelah dibagi 255?

Latihan 2 dari 3

Hitung luminans relatif abu-abu #808080 (128, 128, 128). Tulis dengan dua angka di belakang koma.

Latihan 3 dari 3

Berapa luminans relatif biru murni #0000FF? Tulis dengan dua angka di belakang koma.

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke