颜色感知的背景:
由于人眼的性质和大脑的视觉处理,存在一种视错觉,即相同的颜色会因背景而异。
它被称为对比效果,如下图所示——中心矩形是相同的:
资料来源:维基媒体
NASA的插图(和报告)使背景颜色的效果更加明显:
资料来源:NASA 颜色使用研究实验室
(注意第二张图片中最上面的两种颜色看起来是一样的,但实际上完全不同。)
网页设计呢?
我的问题与网页设计有关,特别是在这种情况下,不同背景上链接文本的颜色。
对于给定的文本颜色,如何找到互补色以使其在特定背景上看起来相同?
让我们看一个这个问题的例子:
#FFF000
考虑下面的示例,在以下背景上有黄色文本:
- 白色
#FFFFFF
, - 黑色
#000000
, - 和灰色
#555555
。
正如预期的那样,看起来完全不一样。(在此处查看和下载 .PSD 文件。)
我们怎样才能使它在所有三个上看起来都一样?显然,白色背景上的文字需要是深黄色,而灰色背景上的文字需要调整色调/色调。(周围的文字也会影响它——但这可能更难解释。)
这种完美的颜色是否可以根据 Hex、RGB 或其他系统以某种方式计算出来?这就是这个问题的症结所在,因为它比手动逼近要高效得多。