色彩理论:是否有“色彩”的度量?

平面设计 颜色 颜色理论
2022-01-25 15:17:41

我正在向 Windows 应用程序添加一些颜色。为了向用户指示分组,一列将被着色。所以在 Photoshop 中,我首先选择了一些要使用的颜色。由于数学(而不是图形)倾向,我选择使用每 60 度的色调:

在此处输入图像描述

注意:这个问题是关于色彩理论的;而更少关于图形设计或可用性。

由于我将不得不在这些颜色之上添加黑色文本(例如),因此我需要它们相当轻。13 of 27我知道 Photoshop 中的L值是指人类对颜色“浅”的内在感觉。我选择了 Luma 的90因此,随着 Photoshop 中的更多摆弄,我调整了每种颜色的L,因此每种颜色的亮度为90.

在此处输入图像描述

注意:我将使用LLuma可互换。我知道 L、L *、亮度、亮度、亮度和亮度有精确且独立的定义。有些定义可能是准确的,有些则不然。让我们避免那场圣战,只知道我在 Photoshop 中使用了L的东西。并假设在 Photoshop 中具有相同L的两种颜色对它们具有相同的明显“亮度”“亮度”再次,原谅亮度亮度是的,我不够格。

当我改变L值时,色调会改变。所以这是杂耍表演。调整 L,将色调回滚到我想要的值,向上调整 L,重新调整色调,重新调整 L,重新调整色调:

在此处输入图像描述

最终我得到了我想要的色调,我想要的L。

但是什么饱和度?

我正在更新的代码也使用“灰色”作为可以向用户显示的颜色之一。我意识到灰色不适合我的任何色调。很感兴趣,我添加到我的 Photoshop 涂鸦中。它只是零的“饱和度”(这是Photoshop中的S旋钮):

在此处输入图像描述

于是我突然想到了这个问题。我决定对Luma=90我所有的颜色都使用 a。这意味着在视觉/心理/感知上,所有颜色都将同样“明亮”。我已经确定了我想要的Hue,并且我已经确定了我想要的Luma我想要什么饱和度?

理想情况下,我不知道这是否是一回事,它们都可以同样“丰富多彩”。我不希望它们都是灰色的,我希望它们比这更丰富多彩。而且我希望它们具有相同的“色彩饱满度” -如果这是一个词。

所以我做了任何人都会做的事情,我用谷歌搜索wikipedia colorfullness,并且有一个条目

在色度学和色彩理论中,色彩、色度和饱和度是相关但不同的概念,指的是特定颜色的感知强度。

  • 色彩度是颜色和灰色之间的差异程度。
  • 色度是相对于在相似观看条件下呈现白色的另一种颜色的亮度的色彩。
  • 饱和度是一种颜色相对于其自身亮度的鲜艳度。

虽然这个一般概念很直观,但色度、饱和度、纯度和强度等术语的使用通常没有很高的精度,即使定义明确,也很大程度上取决于所使用的特定颜色模型。

然后文章转入CIE,Lab,Luv。而且我不知道我想要什么。

我回到 Photoshop,开始增加每种颜色的“饱和度”旋钮。对于给定的色调和固定的亮度,我以 5% 的增量增加了饱和度(必须在此过程中进行摆弄):

在此处输入图像描述

但是在某些时候,颜色不能再“饱和”而不会失去 Luma:

在此处输入图像描述

S=100有些颜色可以用and一直到最后L=100

在此处输入图像描述

这让我想到了我的问题

以同样的方式,亮度定义了颜色的感知“亮度” :

是否有衡量颜色感知“色彩”的指标?

这样的衡量标准吗?Photoshop HSB 颜色模型中的饱和度是感知的吗?

我注意到维基百科文章中的一个片段很容易让我理解:使用和的a斜边b

在此处输入图像描述

我可以做到这一点,并找出我的哪些色卡具有相同的“色度”

奖金喋喋不休

最后,在实际应用中,我使用了以蓝色 210 为中心的色轮,并避免使用绿色(以防用户认为绿色表示好),并尽可能使用互补色。

在此处输入图像描述

但是我还是想了解一下“colorfullness”的色彩理论。

额外的ab长度

假设Lab颜色模型中ab向量的大小,即:

  • 色彩 = Sqrt(a 2 + b 2 )

我计算了各种颜色的色度长度:

在此处输入图像描述

具有大致相同“色度长度”的不同色调的颜色在我看来就像它们具有相同的“色彩”如果没有其他问题,我可能会返回并使用此公式重新计算所有现有常量。

否则它会唠叨我。

4个回答

颜色强度的正确词是谈论物体时的色度,谈论光/整体外观时的色彩,例如,高色度的红球呈现出色彩缤纷的外观/在明亮的灯光下发出五颜六色的光,并呈现当它坐在阴影中时,外观色彩较少/发出的色彩较少。

色度一词最早是在孟塞尔系统 (1905-) 中引入的,它以孟塞尔色度单位进行测量。您的ab向量是 Lab 空间中的类似度量,在 LCH(或 Lch 或 L*c*h*)中称为色度 (C),这是一种非常广泛使用的表示 Lab 值的替代方式。这是 RGB 颜色的最方便的色度度量,但如果您愿意,可以通过查阅查找表或使用一些为您执行此操作的软件将 sRGB 转换为 Munsell 色度。

平面设计师似乎经常使用饱和度这个词,好像它与色度的含义基本相同,但这不是它在HSV/Photoshop HSB中的含义,它实际上表示相对于亮度的色度/色彩,如您在上面引用的定义. 大家不妨看看我这个页面上的图1.2.5,看看HSB饱和度和色度的关系: http ://www.huevaluechroma.com/012.php

大卫布里格斯 色彩的维度 http://www.huevaluechroma.com

我认为这个问题倾向于 math.se 或者 science.se 而不是图形设计(它对色彩的美学比对数学结构更感兴趣)

术语“色彩”——至少在平面设计的背景下——不是任何一种数学上客观的术语。我认为您所追求的将取决于您要使用的特定色彩空间模型。

例如,如果您使用的是HSV,您最终可能会使用 (S)aturation(从“白色”到“纯色”的测量)和 (V)alue(从“黑色”到“纯色”的测量)的组合')

根据我认为您在 HSV 模型中实现“全彩色”的目标,您希望最大限度地提高饱和度和价值。

经过大量阅读后,发现有一个有用的度量标准“色彩”

提示来自我引用的维基百科页面,其中提到了L*C*h*色彩空间。L*C*h*L*a*b*色彩空间的变体。

Lab从 Photoshop 中获取您习惯的色彩空间:

在此处输入图像描述

哪里ab是笛卡尔坐标:

但是您也可以使用坐标表示该平面上的颜色。

而不是一对笛卡尔坐标:

  • ab

在此处输入图像描述

坐标,可以是一对极坐标

  • C*h

在此处输入图像描述

所以这C*色度的量度,h色调角。

转换a, bC*长度的公式是高中毕神论:

在此处输入图像描述

定义的色调HSL角度与/色调角度不完全匹配HSB但它的效果很好,可以以此为基础建立一个颜色模型:

在此处输入图像描述

但七彩

但我学到的要点是与中心的距离(a = 0,b = 0)使颜色更加丰富多彩。

我还了解到 Lab 颜色选择器中的某些颜色超出了人类感知颜色的能力;所以实际上不是颜色。有一个 GiMP LCh 颜色选择器,它指出了超出人类色域的颜色:

在此处输入图像描述

根据维基百科,虽然现在主要是为了完整性:

色彩的相关性是

M = C * F_L^(1/4)

http://en.wikipedia.org/wiki/CIECAM02

关于 CIE Lab、Luv、H[SC][LBVP] 以及人们根据它们做出的所有测量,这基本上是 70 年代的东西。它们都不是为了帮助颜色表征而设计的。当您像这样测试它们时,它们的众多缺陷就会浮出水面。

如果您有选择,请寻找这个千年的模型。像 CIECAM02 一样,IMO讨论平面设计问题的可行候选者,因为它与感知具有经过测试且定义明确的关系。