Latar belakang persepsi warna:
Karena sifat mata manusia dan pemrosesan visual oleh otak, ada ilusi optik bahwa warna yang sama akan terlihat berbeda tergantung pada latar belakang .
Ini dikenal sebagai efek kontras , diilustrasikan di bawah ini - persegi panjang pusat adalah identik:
Sumber: Wikimedia
Sebuah ilustrasi (dan laporan) oleh NASA membuat efek warna latar belakang semakin jelas:
Sumber: Laboratorium Penelitian Penggunaan Warna NASA
(Perhatikan bagaimana dua warna paling atas pada gambar kedua tampak sama, tetapi sebenarnya sangat berbeda.)
Bagaimana dengan desain web?
Pertanyaan saya berkaitan dengan desain web, khususnya dalam hal ini, warna teks tautan pada latar belakang yang berbeda.
Untuk warna teks tertentu, bagaimana orang bisa menemukan warna komplementer untuk membuatnya tampak sama pada latar belakang tertentu?
Mari kita lihat contoh untuk pertanyaan ini:
Perhatikan contoh saya di bawah ini, dengan teks kuning #FFF000
pada latar belakang berikut:
- putih
#FFFFFF
, - hitam
#000000
, - dan abu-abu
#555555
.
Seperti yang diharapkan, tidak terlihat sama sekali. ( Lihat dan unduh file .PSD di sini. )
Bagaimana kita bisa membuatnya terlihat sama pada ketiganya? Jelas, teks pada latar belakang putih harus berwarna kuning gelap, dan teks pada abu-abu membutuhkan penyesuaian rona / nada. (Teks di sekitarnya juga akan mempengaruhinya - tapi itu sepertinya lebih sulit untuk diperhitungkan.)
Bisakah warna sempurna ini entah bagaimana dihitung, berdasarkan Hex, RGB atau sistem lain? Di situlah letak inti dari pertanyaan ini, karena akan jauh lebih efisien daripada perkiraan secara manual.