Как заставить цвет выглядеть одинаково на разных фонах?

Фон по цветовосприятию:

Из-за природы человеческого глаза и визуальной обработки мозгом существует оптическая иллюзия, что один и тот же цвет будет выглядеть по-разному в зависимости от фона .

Это известно как эффект контраста , проиллюстрированный ниже - центральные прямоугольники идентичны:

Источник: Викимедиа

Иллюстрация (и отчет) НАСА делает эффект цвета фона еще более очевидным:

Источник: НАСА Исследовательская лаборатория использования цвета

(Обратите внимание, что два самых верхних цвета на втором изображении выглядят одинаково, но на самом деле они совершенно разные.)

А как насчет веб-дизайна?

Мой вопрос касается веб-дизайна, в частности, в данном случае, цвета текста ссылки на разных фонах.

Для данного цвета текста, как можно найти дополнительный цвет, чтобы он выглядел одинаково на определенном фоне?

Давайте рассмотрим пример для этого вопроса:

Рассмотрим мой пример ниже, с желтым текстом #FFF000на следующих фонах:

• белый #FFFFFF,
• черный #000000,
• и серый #555555.

Как и ожидалось, не выглядит так же. ( Просмотрите и скачайте файл .PSD здесь. )

Как мы можем заставить его выглядеть одинаково на всех трех? Очевидно, что текст на белом фоне должен быть более темным желтым, а текст на сером - регулировкой оттенка / тона. (Окружающий текст также повлияет на него - но это, вероятно, сложнее объяснить.)

Можно ли как-то рассчитать этот идеальный цвет на основе Hex, RGB или другой системы? Вот в чем суть этого вопроса, так как он будет гораздо более эффективным, чем ручное приближение.

Кажется, вы ищете аналог дополнительных цветов , но в пространстве легкости, а не в оттенке . Насколько я могу судить, такого общего отображения не может быть.

Предположим, вы можете компенсировать эффект, предполагая линейную корреляцию между фоном и передним планом, так что, когда фон темнеет, текст на переднем плане осветляется на ту же величину. Я предполагаю, что оттенок остается фиксированным. Всегда будет средняя точка, в которой фон и передний план имеют один и тот же цвет.

В качестве примера рассмотрим черное на белом. Обратная яркость для одних и тех же оттенков белая на черном, но если вы попытались найти передний план для каждого промежуточного фона того же оттенка, в средней точке вы попадаете серым на серый и вообще ничего не видите.

По той же причине я не вижу, чтобы существовало какое-либо достаточно простое отображение, даже с потерями.

Как насчет этого: используйте разные оттенки серого на разных фонах, окрашенные в белый и черный цвета, чтобы первые выглядели одинаково, но не тогда, когда они против нейтрального.

Дайте мне знать, если эти два набора патчей выглядят одинаково на черно-белых строках:

Поскольку то, как эти пятна выглядят поверх нейтрально-серого, изображено на этой картинке:

Я использовал режим смешивания слоев GIMP под названием Grain Extract / Merge, который позволил мне найти самый светлый серый цвет путем извлечения нейтрального пятна из другого, а затем самого темного путем слияния двух из них вместе. Другими словами: я нашел двух серых, аддитивное усреднение которых является нейтральным.

С цветом на черном или белом фоне вы можете использовать Grain Merge, чтобы найти усредненный по аддитиву цвет, а с помощью Grain Extract - дополнительный для последнего.

РЕДАКТИРОВАТЬ: проверить это. Вы можете обнаружить, что эти желтые цвета выглядят одинаково.