Ringkasnya
- Rona adalah posisi warna pada roda, sudut 0° hingga 360°: merah di 0°, hijau dekat 120°, biru dekat 240°, lalu kembali merah.
- Saturasi adalah banyaknya rona itu, dari 0 persen (abu-abu) hingga 100 persen (warna murni). Kecerahan adalah seberapa terang, dari 0 persen (hitam) hingga 100 persen.
- Karena rona melingkar, jarak terjauh dua rona 180° — sisi berlawanan roda. Kesalahan lebih besar sebenarnya lebih kecil jika dihitung dari arah lain.
- HSB untuk memilih dan menjelaskan warna dengan mata; RGB cara layar membuatnya; Lab untuk mengukur perbedaan tampak dua warna. Pertanyaannya berbeda.
- Membuat ulang warna dengan tiga penggeser terpisah menunjukkan penilaian mana yang meleset. Memilih contoh warna tidak bisa.
Tiga angka, tiga pertanyaan
Ambil warna — misalnya hijau kebiruan redup. Saat menjelaskannya, kamu tidak akan menyebut jumlah cahaya merah, hijau, dan biru, meskipun itulah cara layar bekerja. Kamu akan mengatakan biru-hijau, tidak terlalu kuat, agak gelap. Itulah HSB: rona, saturasi, kecerahan, sesuai urutan berpikir manusia. Model diusulkan Alvy Ray Smith akhir 1970-an agar orang memilih warna sesuai cara melihat. Juga disebut HSV, V untuk value; keduanya model sama.
| Dimensi | Pertanyaan yang dijawab | Rentang | Kedua ujungnya |
|---|---|---|---|
| Rona | Warna apa? | 0°–360° | Merah di 0°, melalui kuning, hijau, sian, biru, magenta, kembali merah |
| Saturasi | Seberapa pekat warnanya? | 0–100% | 0% abu-abu tanpa rona; 100% versi rona paling murni |
| Kecerahan | Seberapa terang? | 0–100% | 0% hitam apa pun dua nilai lain; 100% seterang yang bisa dicapai rona itu |
Rona berupa sudut, dan itu penting
Rona disusun melingkar karena spektrum, yang linear dari merah ke violet, tersambung lewat ungu yang tidak ada dalam pelangi: magenta di antara violet dan merah menutup lingkaran. Karena itu rona diukur sebagai sudut. Merah 0°, kuning dekat 60°, hijau dekat 120°, sian dekat 180°, biru dekat 240°, magenta dekat 300°, dan 360° merah lagi.
Lingkaran punya konsekuensi yang tidak dimiliki garis: ada jarak terbesar, yaitu setengah keliling. Dua rona tidak pernah lebih dari 180° terpisah. Tebakan 350° untuk target 10° bukan meleset 340°, melainkan 20° melewati bagian atas roda. Skor rona jujur harus mengukur arah terpendek, dan kesalahan maksimum adalah warna komplementer — rona tepat berlawanan. Itulah alasan Percore menormalisasi kesalahan rona dengan 180°: rentang dari sempurna sampai paling keliru.
Saturasi dan kecerahan
Saturasi adalah kadar rona dalam warna. Pada saturasi nol semua rona menjadi abu-abu sama; karena itu rona warna sangat pucat atau kusam benar-benar sulit disebut — hampir tidak ada rona untuk dilihat. Pada saturasi penuh warnanya sekuat yang diizinkan rona. Kecerahan hanya seberapa terang; pada nol semuanya hitam, apa pun rona dan saturasinya.
Keduanya berinteraksi dan membingungkan. Merah gelap pekat dan merah terang pucat bisa terasa seperti warna berbeda, meski ronanya sama. Dalam praktik, orang cenderung mengingat rona cukup tepat dan melebihkan saturasi — ingatan warnanya lebih kuat daripada aslinya — sementara kesalahan kecerahan bisa ke kedua arah, tergantung cahaya sekitar. Pola ini perlu dicari pada skor per dimensi.
HSB dibandingkan model lain
HSB salah satu cara menjelaskan warna sama, dan tiap model punya alasan. Memilih model yang keliru untuk tugas sering menimbulkan kebingungan. Berikut fungsi masing-masing.
| Model | Pengertiannya | Cocok untuk |
|---|---|---|
| HSB / HSV | Rona berupa sudut, saturasi dan kecerahan berupa persentase. Kecerahan 100% versi rona paling murni dan terang. | Memilih dan menjelaskan warna dengan mata; pemilih warna; mengenali kesalahan ingatan warna |
| HSL | Rona sama; lightness menggantikan brightness, dengan lightness 100% selalu putih dan 50% rona murni. | CSS dan desain web, yang sering mencerahkan warna menuju putih |
| RGB | Jumlah cahaya merah, hijau, biru, masing-masing 0–255. Yang dilakukan layar secara fisik. | Kode, format berkas, semua yang harus ditampilkan perangkat; sulit diperkirakan dengan mata |
| CIELAB (Lab) | Lightness dengan dua sumbu berlawanan (hijau–merah, biru–kuning), dirancang agar jarak sama tampak sama berbeda. | Mengukur perbedaan dua warna (Delta E); pekerjaan cetak dan pengelolaan warna |
Cara mudah mengingat: RGB untuk mesin, HSB dan HSL untuk manusia, Lab untuk pengukuran. Alat persepsi warna yang memberi skor Delta E mengukur dalam Lab; yang memberikan tiga penggeser memungkinkan jawaban dalam HSB. Keduanya sah dan menyampaikan hal berbeda.
Mengapa tiga penggeser lebih informatif daripada contoh warna
Jika warna ditampilkan, menghilang, lalu kamu memilih yang terdekat dari enam contoh, hasilnya satu informasi: benar atau salah, beserta jarak. Jika membuat ulang dengan tiga kontrol terpisah, hasilnya tiga angka — selisih rona, saturasi, kecerahan — yang menunjukkan pola kesalahan. Orang dengan kesalahan rona kecil dan saturasi besar setiap hari mempelajari cara melihatnya sendiri dan bisa mengoreksinya.
Itulah dasar sesi Warna Percore: layar dipenuhi warna, lalu disembunyikan dan diminta ulang lewat penggeser rona, saturasi, kecerahan. Setiap kesalahan dinormalisasi — rona dengan 180°, dua lain dengan rentang penuh — lalu ketiganya dirata-ratakan menjadi ketepatan 0 hingga 100; rincian ditampilkan di samping. Rumus lengkap ada dalam Cara Percore memberi skor, dan cara meningkatkan persepsi warna mengubah rincian menjadi latihan.
Buat ulang warna dengan tiga penggeser.
Unduh di App StorePertanyaan umum
Apakah HSB dan HSV sama?
Ya. V berarti value, B brightness, dan keduanya model sama. Perangkat lunak memakai nama berbeda; alat Apple dan Adobe menyebut HSB, banyak lainnya HSV.
Apa perbedaan HSB dan HSL?
Ronanya sama. Dalam HSB, kecerahan 100 persen versi rona paling murni dan terang; dalam HSL, lightness 100 persen putih dan rona murni pada 50 persen. HSL umum di CSS; HSB di alat desain.
Mengapa merah di 0° pada roda rona?
Kesepakatan. Roda harus dimulai di suatu titik, dan merah dipilih saat model dibuat; urutan merah, kuning, hijau, sian, biru, magenta mengikuti spektrum, dengan magenta menutup lingkaran.
Berapa kesalahan rona terbesar?
180°, rona tepat berlawanan pada roda — warna komplementer. Kesalahan yang tampak lebih besar sebenarnya lebih kecil jika diukur dari arah lain, jadi selalu ambil jarak terpendek.
Dimensi mana paling sering salah?
Dalam praktik, saturasi: orang cenderung mengingat warna lebih pekat daripada aslinya. Rona sering mendekati, dan kecerahan sangat bergantung cahaya sekitar. Skor per dimensi menunjukkan polamu sendiri.