如何将红色配色方案转换为绿色而不使其看起来“更亮”

平面设计 颜色 颜色理论 颜色转换
2022-01-15 00:48:27

我桌面的当前配色方案使用红色调色板。我想把它改成绿色,所以我浏览了配色方案配置文件并“旋转”了所有颜色值,使 RGB 变为 BRG。例如,(214,73,55) 变为 (55,214,73)。

我得到的印象是绿色配色方案看起来比旧的红色配色方案更亮。显然这是因为我们以不同的直观亮度水平感知不同的颜色。有没有我可以使用的公式来代替简单的 RGB 旋转来为绿色版本的配色方案保持相同的明显亮度?是否有关于如何最好地将一整套颜色从一种基本色调转换为另一种基本色调的指南?

原始配色方案

新配色方案

2个回答

你的观察是正确的。绿色的亮度(人类对亮度的感知)大于红色的亮度。

在您的示例中,当您将 sRGB 值 214,73,55 转换为 55,214,73(即您将色调从 7° 旋转到 127°)时,亮度保持在 84% 不变,但亮度会增加。原始sRGB值214,73,55对应亮度52;新的 sRGB 值 55,214,73 对应于亮度 76。

d64937 37d649

您可能需要考虑使用 CIE L*a*b* 颜色模型 (Lab),它基于人类对颜色的感知,以校正新颜色的亮度。

使用 Lab 模型,您可以直接将新颜色的亮度降低到 52,从而产生 sRGB 值 0,147,0。然而,这也增加了颜色的饱和度。

009300

或者,您可以降低新颜色的亮度,直到获得 52 的亮度,这会产生 sRGB 值 37,143,49。这可确保保留颜色的色调和饱和度。

258f31

基本上,您想使用不同的模型。

Photoshop 将您的红色 RGB(214,73,55) 报告为 HSB(7,74,84) 和 Lab(52,55,42)。Scott 的评论可能是指 HSB 颜色选择器的“色相轴”。

实验室应该模拟人类的感知。有多个版本,但对于 Photoshop 颜色选择器,范围是 L=0-100;a & b 包括 -128-127。“a 轴”模型 -green 到 +magenta。“b 轴”模型 - 蓝色到 + 黄色。“L 轴”模拟亮度。

如果您将 Lab 的“a”组件上的符号更改为 Lab(52,-55,42),则在使用 Squint Test 时,您会得到与红色非常接近的绿色。

如果您想推出自己的功能,维基百科有转换的细分(以及源文档的脚注)。

我想你可能会发现在没有人工批准的情况下协调颜色的算法非常困难。