Tentang Warna HWB

Warna HWB adalah model warna yang merepresentasikan warna dengan tiga komponen: rona, tingkat putih, dan tingkat hitam. Rona menentukan warna dasar, sedangkan tingkat putih dan tingkat hitam menentukan seberapa banyak putih dan hitam dicampurkan, sehingga mudah dipahami saat membuat warna lebih terang, lebih gelap, atau lebih dekat ke abu-abu.

Misalnya, warna utama seperti merah dapat direpresentasikan sebagai berikut.

Untuk menyertakan transparansi, tambahkan nilai alfa. Misalnya, merah semi-transparan dapat direpresentasikan sebagai hwb(0deg 0% 0% / 0.5).

Penanganan rona, tingkat putih, dan tingkat hitam

Rona diperlakukan sebagai sudut, dan nilai lebih dari 360deg atau nilai negatif dinormalisasi ke rentang 0deg sampai 360deg. Misalnya, hwb(360deg 0% 0%) diperlakukan sebagai warna yang sama dengan hwb(0deg 0% 0%), dan hwb(-120deg 0% 0%) sebagai warna yang sama dengan hwb(240deg 0% 0%).

Tingkat putih dan tingkat hitam diperlakukan dalam rentang 0% sampai 100%. Tingkat putih yang lebih besar mendekatkan warna ke putih, dan tingkat hitam yang lebih besar mendekatkannya ke hitam. Jika jumlah tingkat putih dan tingkat hitam adalah 100% atau lebih, warna diperlakukan sebagai warna keabu-abuan terlepas dari rona.

Perbedaan antara HWB dan HSL

HSL menyesuaikan warna dengan saturasi dan kecerahan, sehingga cocok untuk menentukan kejernihan dan kecerahan. HWB menyesuaikan warna berdasarkan jumlah putih dan hitam yang dicampurkan, sehingga operasi seperti “membuatnya lebih putih dengan rona yang sama” atau “menambahkan hitam untuk menggelapkan” mudah dijelaskan.

Namun, HWB juga bukan ruang warna yang seragam secara persepsi. Jika ingin menangani kecerahan visual atau perbedaan warna dengan lebih mudah, ruang warna seperti Lab, LCH, Oklab, dan Oklch dapat digunakan.