资讯详情

浅析色彩原理

我们如何形成和感知颜色?

不同波长的可见光对应于不同的颜色,当光反射到眼睛时,形成不同的颜色:

c93e6d20485110efa82452c54bc9fce5.png

上图显示了无波长的三棱镜可见光

1. 颜色是由一些特定波长的可见光进入视网膜引起的。视网膜边缘的杆状细胞可以区分光和黑暗,中央锥形细胞可以感受到各种颜色的波长。(相机中的传感器是模仿这一原理的)

2. 光波必须满足以下条件:

a物体本身就是光源

b物体能反射光

因此,有光的地方有颜色

色彩模型

色环实际上是将折射光变成一个环,每个角度代表不同的颜色值。

如果继续扩展,上饱和度(Saturation)和明度(Brightness)维度,变成:

如果将他转化为三维,孟塞尔颜色系统将被引入(Munsell Color System)。

圆环为色相(Hue),纵轴饱和(Saturation),横轴为明度(Brightness)

何为色相(Hue),饱和度(Saturation),明度(Brightness)?

色彩三要素(Elements of color)由饱和度(Saturation),明度(Brightness),色相(Hue)用来,用来描述颜色,区分不同颜色的。

色相(Hue):不同的颜色是由光波长的长度差决定的,颜色是指这些不同波长的颜色。

饱和度(Saturation):用数值表示颜色的亮度或亮度。

明度(Brightness):表示颜色的亮度和暗度称为亮度。

以我们最熟悉的为例 Photoshop 例如,小调色板实际上包含了整个颜色系统。(HSV 色彩模型)

计算机代码表示颜色

#212321 #823271 这是我们设计师给前端颜色时最常用的形式。为什么是这样?所谓事物的存在必须有其他意义。当我们每天命名颜色时,我们通常会说「火红」、「海军蓝」、「晚霞般的红」,对个人情感的描述,计算机或其他人如何知道颜色的确切名称和准确描述?计算机先辈们创建了一个系统(RGB 解决模式)。在命名一种颜色时,计算机使用所谓的16进制代码来表示 24 位色彩。可以产生 16,777,216 不同的颜色已经能够满足日常使用。如果设计师理解十六进制色彩的工作原理,那么你对计算机如何产生色彩有最基本的理解,成为你工作的工具。

显示器的原理是通过R(红)G(绿)B(蓝色)三种光照亮每个像素点,不同比例的三种光呈现不同的颜色,如#324322:前#表示16进制数,其余 6 个字符被 0-9 和 a-f 分为三个部分,每个部分控制一个原色。值越高,原色越亮,从而混合出要显示的颜色。

结语

色彩感知是一种非常感性的行为,人们会有一些偏好,对每种颜色的敏感性也会有所不同,例如:有些人喜欢黑色,有些人不喜欢,有些人认为向日葵的颜色非常明亮,有些人认为黄色太多了。前人所做的就是把色彩理论化,变成一套可以分析和量化的理论知识。特别是对于计算机代码表达颜色,对于一个 UI 设计师的工作密切相关,合理使用,可以提高工作效率。

标签: 传感器色彩位

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

锐单商城 - 一站式电子元器件采购平台