Я ищу красный и зеленый оттенки, которые одинаково различимы на сером фоне на любом мониторе P C, с использованием приложения на основе HTML / CSS. Существует множество возможных решений для уравновешивания этих факторов, но ни один из них не работает хорошо, и я не знаю, как лучше всего реализовать это программно.
Серый может быть средним серым (например, #909090 ). Если, например, я выберу красный и зеленый, похожие по яркости и насыщенности hsl(h*, 100%, 25.1%), красный RGB(128,0,0) (#800000) и зеленый RGB(0,128,0) (#008000), результат, по крайней мере для моих глаз, далеко не равны. Красный на сером определенно более различим, чем зеленый на сером, см. изображение hsl красный на сером и изображение hsl зеленый на сером .
Если я следую CIELCh, где насыщенность можно определить как sat = C*/L* ( Wilms & Oberfeld, 2018 ), сбалансированная пара может быть такой: red CIE - LCh ° (ab) (D65 / 2 °) = 34, 100, 57, rgb(164, 14, 0) (#A40E00, hsl(5.1, 100%, 32.2%)) и зеленый CIE -Lh ° (ab) (D65 / 2 °) = 34, 100, 150, rgb(0, 103, 0) (#006700, hsl(120, 100%, 20.2%)). Теперь легкость от модели HSL больше не соответствует. Как я могу удовлетворить все цветовые модели? По общему признанию, или возможно я просто схожу с ума и вижу то, что я хочу видеть, изображения со сбалансированной версией CIELCh кажутся мне более сбалансированными, см. изображение lch красно-серое и image lch green-on-grey
Кроме того, я не знаю, насколько (сильно) присутствуют серые факторы в восприятии цветов, поскольку они не представлены на белом фоне.
У меня есть конкретная цель c: я хочу запустить онлайн-исследование (используя приложение JS / HTML / CSS, следовательно, желательно HEX цвета). Конечно, невозможно достичь идеального баланса в онлайн-исследовании, где мы не можем знать свойства мониторов, но основная мера находится в пределах субъекта, поэтому не должно иметь большого значения, если есть некоторые различия в определенной степени.
В общем, я просто хочу убедиться, что я использую «наименее худшее» решение.