关于颜色的一些常识
一、颜色是怎么产生的
先有光才有色
颜色分类
- 会发光: 本身的颜色
- 不会发光: 光反射的颜色
- 白色反射所有色光
- 黑色吸收所有色光
- 其他颜色只反射本身颜色的光
- 常说的”固有色”是太阳光反射的颜色
光源
- 太阳光(硬)
- 灯(柔)
- 离光源越远光影越柔
CSS中颜色表示方法
- 直接用颜色的英文名表示
- RGB（x,y,z)函数表示,x、y、z、分别是红色、绿色、蓝色的值，x,y,z∈[0,225]，亦可用百分比表示；对比rgba（x,y,z,a）中a是alpha通道设置透明度取值0~1
- 十六进制表示，eg：#ff0000;前两位表示红色，中间两位表示绿色，后两位表示蓝色，范围为00-ff，注意缩写形式
- hsl（色相，饱和度，亮度）：h：色相，表示范围0~360，如下如色环；s：饱和度，取值范围是0.0%~100%l；亮度：取值范围0.0%~100%；同理hsla
- 直接设置透明度：transparent
二、色光三原色与颜料三原色有什么区别
色光三原色
-
色光三原色为：红（Red）、绿（Green）、蓝（Blue）。
-
色光三原色是加色法原理。
-
三原色光中任意两种色光等量相加，则成为三原色光中另一种色光的互补色光。
1、等量的红光+绿光=黄光，互补于蓝光
2、等量的红光+蓝光=品红光（也称洋红，即较浅的紫红），互补于绿光
3、等量的绿光+蓝光=青光，互补于红光
4、光的三原色是红色、绿色和蓝色，三种光相加会成为白色光。这是由于人类有三种视锥细胞分别对红、绿和蓝光最敏感。
颜料三原色
-
色料三原色为：黄（Yellow）、品红（Magenta）、青（Cyan）。
-
颜料三原色是减色法原理。
-
颜料吸收光线，而不是将光线叠加，因此颜料的三原色就是能够吸收RGB的颜色，为黄、品红、青，（CMY），他们就是RGB的补色。三色颜料加上黑色(K)便是“CMYK色彩空间”
1、（青）+（品红）=（蓝）
2、（品红）+（黄）=（红）
3、（黄）+（青）=（绿）
4、（青）+（品红）+（黄）=（黑）
三、颜色的三特性
色相
-
配色法则
1、 同一色相配色
2、 类似色相配色(色相环中类似或相邻的两个或两个以上的色彩搭配)
3、 多色配色(在色环中成等边三角形或等腰三角形的三个色相搭配在一起时，称为三角配色)
4、 黑白色包容性强,如果颜色不协调,可以在边界处加一点黑白色 -
色相环
明度
- 明度（brightness）是眼睛对光源和物体表面的明暗程度的感觉，主要是由光线强弱决定的一种视觉经验。
- 一般来说，光线越强，看上去越亮；光线越弱，看上去越暗。
饱和度
- 饱和度是指色彩的鲜艳程度，也称色彩的纯度。
- 饱和度越低,越柔和,越好搭配
四、基本的色光影响
红光
- 破坏颜色,使所有颜色变成红色调
- 加深颜色,使深色看起来变黑
粉光
- 使绿色蓝色变灰
- 使其他颜色更加温暖
黄光
- 使蓝色偏褐,绿色偏灰
- 使其他颜色偏黄
橙光
- 黄色调加强,时黄色偏橙,橙偏红
- 使蓝绿偏灰
绿光
- 加强绿色
- 使其他颜色偏灰