HEX, RGB, dan HSL melukiskan satu warna dengan tiga cara
HEX menuliskan merah, hijau, dan biru masing-masing dengan dua digit heksadesimal. #8B5CF6 berarti R sama dengan 139, G 92, dan B 246, persis nilai RGB-nya. Bentuk singkat tiga digit #F00 menggandakan tiap digitnya sehingga setara dengan #FF0000.
HSL memecah warna menjadi rona, kejenuhan, dan kecerahan. Rona adalah sudut pada roda warna, jadi 0 dan 360 derajat adalah merah yang sama; kejenuhan adalah jarak dari abu-abu dan kecerahan adalah kedudukan antara hitam dan putih. Karena itulah HSL lebih nyaman ketika Anda menginginkan versi yang lebih terang dari warna yang sama.
Rasio kontras membandingkan luminansi nisbi dua warna dan berkisar dari 1:1 sampai 21:1. Tiap kanal dikoreksi gama, ditimbang 0,2126, 0,7152, dan 0,0722, lalu dijumlahkan; 0,05 ditambahkan pada nilai yang lebih terang maupun yang lebih gelap sebelum dibagi. Hijau membawa bobot terbesar karena penglihatan manusia paling peka terhadapnya.
Yang terlewat ketika memilih warna
Padanan yang tampak bagus di layar perancang kerap tidak terbaca. Panduan aksesibilitas web menuntut 4,5:1 untuk teks isi dan 3:1 untuk teks besar atau tebal berukuran 18 pt ke atas. Abu-abu pucat tampak elegan pada maket dan rutin gagal melewati ambang itu.
Menilai kontras dari kecerahan saja menyesatkan. Kuning di atas putih hampir tidak punya kontras karena keduanya terang, dan biru di atas hitam hampir tidak punya karena keduanya gelap. Berjauhan pada roda warna tidak menciptakan kontras; selisih luminansilah yang menciptakannya.
Menyandikan keterangan hanya lewat warna menyingkirkan pembaca buta warna. Merah dan hijau yang menandai naik dan turun butuh panah atau tanda di sebelahnya, dan kebiasaannya pun berbeda: pasar AS dan Eropa menampilkan kenaikan dengan hijau, sedangkan Korea, Jepang, dan Tiongkok dengan merah.