Bối cảnh về nhận thức màu sắc:
Do bản chất của mắt người và bộ não xử lý hình ảnh, có một ảo ảnh quang học rằng cùng một màu sẽ trông khác nhau tùy thuộc vào nền .
Nó được gọi là hiệu ứng tương phản , được minh họa dưới đây - hình chữ nhật trung tâm giống hệt nhau:
Nguồn: Wikimedia
Một minh họa (và báo cáo) của NASA làm cho hiệu ứng của màu nền càng rõ hơn:
Nguồn: Phòng thí nghiệm nghiên cứu sử dụng màu của NASA
(Lưu ý cách hai màu trên cùng trong hình ảnh thứ hai xuất hiện giống nhau, nhưng thực sự hoàn toàn khác nhau.)
Thiết kế web thì sao?
Câu hỏi của tôi liên quan đến thiết kế web, đặc biệt trong trường hợp này, màu sắc của văn bản liên kết trên các nền khác nhau.
Đối với một màu văn bản nhất định, làm thế nào người ta có thể tìm thấy màu bổ sung để làm cho nó xuất hiện giống nhau trên một nền nhất định?
Chúng ta hãy xem một ví dụ cho câu hỏi này:
Hãy xem xét ví dụ của tôi dưới đây, với văn bản màu vàng #FFF000
trên các nền sau:
- trắng
#FFFFFF
, - màu đen
#000000
, - và màu xám
#555555
.
Như mong đợi, không giống nhau chút nào. ( Xem và tải xuống tệp .PSD tại đây. )
Làm thế nào chúng ta có thể làm cho nó trông giống nhau trên cả ba? Rõ ràng, văn bản trên nền trắng cần phải có màu vàng đậm hơn và văn bản trên màu xám cần điều chỉnh sắc độ / tông màu. (Văn bản xung quanh cũng sẽ ảnh hưởng đến nó - nhưng điều đó dường như khó giải thích hơn.)
Màu sắc hoàn hảo này bằng cách nào đó có thể được tính toán, dựa trên Hex, RGB hoặc hệ thống khác? Đó là mấu chốt của câu hỏi này, vì nó sẽ hiệu quả hơn nhiều so với xấp xỉ thủ công.