Фон щодо сприйняття кольорів:
Завдяки природі людського ока та візуальної обробки мозку, існує оптична ілюзія, що той самий колір буде виглядати по-різному залежно від фону .
Він відомий як ефект контрасту , показаний нижче - центральні прямокутники однакові:
Джерело: Вікімедіа
Ілюстрація (та звіт) НАСА робить ефект кольору фону ще більш очевидним:
Джерело: Лабораторія дослідження кольорового використання NASA
(Зверніть увагу, як два верхні кольори на другому зображенні виглядають однаково, але насправді є абсолютно різними.)
Що з веб-дизайном?
Моє запитання стосується веб-дизайну, зокрема в цьому випадку кольору тексту посилання на різних фонах.
Як можна задати колір тексту для даного кольору тексту, щоб він виглядав однаковим на певному тлі?
Давайте розглянемо приклад цього питання:
Розглянемо мій приклад нижче, з жовтим текстом #FFF000
на таких фонах:
- білий
#FFFFFF
, - чорний
#000000
, - і сірий
#555555
.
Як і очікувалося, це зовсім не так. ( Переглянути та завантажити .PSD файл тут. )
Як ми можемо зробити так, щоб він виглядав однаково на всіх трьох? Зрозуміло, що текст на білому тлі повинен бути темніше жовтого, а текст на сірому потребує коригування відтінку / тону. (Навколишній текст також вплине на нього, але це, ймовірно, важче пояснити.)
Чи можна якось обчислити цей ідеальний колір на основі Hex, RGB чи іншої системи? Саме тут лежить суть цього питання, оскільки це було б набагато ефективніше, ніж наближення вручну.