Фон по цветовосприятию:
Из-за природы человеческого глаза и визуальной обработки мозгом существует оптическая иллюзия, что один и тот же цвет будет выглядеть по-разному в зависимости от фона .
Это известно как эффект контраста , проиллюстрированный ниже - центральные прямоугольники идентичны:
Источник: Викимедиа
Иллюстрация (и отчет) НАСА делает эффект цвета фона еще более очевидным:
Источник: НАСА Исследовательская лаборатория использования цвета
(Обратите внимание, что два самых верхних цвета на втором изображении выглядят одинаково, но на самом деле они совершенно разные.)
А как насчет веб-дизайна?
Мой вопрос касается веб-дизайна, в частности, в данном случае, цвета текста ссылки на разных фонах.
Для данного цвета текста, как можно найти дополнительный цвет, чтобы он выглядел одинаково на определенном фоне?
Давайте рассмотрим пример для этого вопроса:
Рассмотрим мой пример ниже, с желтым текстом #FFF000на следующих фонах:
- белый
#FFFFFF, - черный
#000000, - и серый
#555555.
Как и ожидалось, не выглядит так же. ( Просмотрите и скачайте файл .PSD здесь. )
Как мы можем заставить его выглядеть одинаково на всех трех? Очевидно, что текст на белом фоне должен быть более темным желтым, а текст на сером - регулировкой оттенка / тона. (Окружающий текст также повлияет на него - но это, вероятно, сложнее объяснить.)
Можно ли как-то рассчитать этот идеальный цвет на основе Hex, RGB или другой системы? Вот в чем суть этого вопроса, так как он будет гораздо более эффективным, чем ручное приближение.
Ответы:
Кажется, вы ищете аналог дополнительных цветов , но в пространстве легкости, а не в оттенке . Насколько я могу судить, такого общего отображения не может быть.
Предположим, вы можете компенсировать эффект, предполагая линейную корреляцию между фоном и передним планом, так что, когда фон темнеет, текст на переднем плане осветляется на ту же величину. Я предполагаю, что оттенок остается фиксированным. Всегда будет средняя точка, в которой фон и передний план имеют один и тот же цвет.
В качестве примера рассмотрим черное на белом. Обратная яркость для одних и тех же оттенков белая на черном, но если вы попытались найти передний план для каждого промежуточного фона того же оттенка, в средней точке вы попадаете серым на серый и вообще ничего не видите.
По той же причине я не вижу, чтобы существовало какое-либо достаточно простое отображение, даже с потерями.
источник
Как насчет этого: используйте разные оттенки серого на разных фонах, окрашенные в белый и черный цвета, чтобы первые выглядели одинаково, но не тогда, когда они против нейтрального.
Дайте мне знать, если эти два набора патчей выглядят одинаково на черно-белых строках:
Поскольку то, как эти пятна выглядят поверх нейтрально-серого, изображено на этой картинке:
Я использовал режим смешивания слоев GIMP под названием Grain Extract / Merge, который позволил мне найти самый светлый серый цвет путем извлечения нейтрального пятна из другого, а затем самого темного путем слияния двух из них вместе. Другими словами: я нашел двух серых, аддитивное усреднение которых является нейтральным.
С цветом на черном или белом фоне вы можете использовать Grain Merge, чтобы найти усредненный по аддитиву цвет, а с помощью Grain Extract - дополнительный для последнего.
РЕДАКТИРОВАТЬ: проверить это. Вы можете обнаружить, что эти желтые цвета выглядят одинаково.
источник