色彩理论基础

Posted 2022-06-07 小米同学

一、色彩理论

1.1 色彩原理

1.1.1 光与色

当光线进入三棱镜后，光线会被分离为红、橙、黄、绿、青、蓝、紫，所以自然光是七色光的混合，这种现象称为光的分解或者​​光谱​​。红色的波长最长，紫色的波长最短。

1.2 色彩三要素

1.2.1 色相

色相是色彩的相貌，以波长划分，波长相同则色相相同。

如果把光谱的6种色带首尾相连，可以得到色相环。

在6种基本色相中插入中间色，可以得到十二色相环。再进一步插入中间色，可以得到二十四色相环。

1.2.2 饱和度

饱和度是指色彩的纯净程度。纯色是饱和度最高的一级。

光谱中红、橙、黄、绿、蓝、紫等色光是最纯的高饱和度的光；色料中红色的饱和度最高，橙、黄、紫等饱和度较高，蓝、绿饱和度最低。

饱和度取决于该色中含色成份与消色成份（黑、白、灰）的比例。含色成份越大、饱和度越高；消色成份越大、饱和度越小。也就是说向任何一种色彩中加入黑、白、灰都会降低它的饱和度。

1.2.3 亮度

亮度是色彩赖于形成空间感与色彩体量感的主要依据，起着“骨架”的作用。在无彩色中，亮度最高为白色，最低为黑色。

亮度是三要素中具有较强的独立性，它可以不带任何色相的特征而通过黑白灰的关系单独呈现出来。色相与饱和度则必须依赖一定的明暗才能呈现。

一个彩色物体表面的光反射率越大，对视觉刺激的程度越大，看上去就越亮，这一颜色的明度就越高。

1.3 色彩的混合

色彩分为两大类：一类是原色，即红、黄、蓝；另一类是混合色。

而使用间色再调配混合的颜色，称为复色。所有的间色、复色都是由三原色调和而成。

1.3.1 原色理论

三原色是指3种颜色中的任意一色都不能由另外两种原色混合产生，而其它颜色可以由这三原色按照一定的比例混合出来。

1.3.2 混色理论

将两种或多种颜色混合产生的新色彩称为色彩的混合。它们可以归纳成加色法混合、减色法混合、空间混合3种。

加色法混合

该类型是指色光混合。红、绿、蓝相加后可得白光。

减色法混合

该类型为色料混合。红、绿、蓝相加后可得黑灰状态。

空间混合

该类型为中性混合。将两种或多种颜色穿插、并置在一起，于一定的视觉空间之外，能在人眼中造成混合的效果，故称为空间混合。其实颜色本身并没有混合，只是反射光出现混合。

二、色彩管理

2.1 色彩模式

颜色模式又称为色彩空间。颜色模式是指图像的显示或打印的输出方式。每种模式的图像描述和重现色彩的原理及所能显示的颜色数量各不相同。

2.1.1 RGB颜色模式

RGB即红(Red)、绿(Green)、蓝(Blue)3个通道的颜色。这3种基色每种都有从0(黑)~255(白)的亮度值范围。

当不同亮度的基色混合后，可以得到256x256x256种颜色，约为1670万种，这就是真彩色。

2.1.2 CMYK颜色模式

CMYK分别指青(Cyan)、洋红(Magenta)、黄(Yellow)、黑(Black)，在印刷中代表4种颜色的油墨。

CMYK是基于减色模式。

2.1.3 HSB颜色模式

HSB分别指色泽(Hue)、饱和度(Saturation)、明亮度(Brightness)，它是基于人对颜色的感觉，让人觉得更加直观一些。其中：

色泽是基于从某个物体反射回来的光波，或者是透射过某个物体的光波。

饱和度是某种颜色中所含灰色的数量，含灰色越多，饱和度越小。

明亮度是对一个颜色中光的强度的衡量，明亮度越大，则色彩越鲜艳。

2.1.4 Lab颜色模式

Lab颜色模式是以数学方式来表示颜色，这样，可以不依赖特定的设备，来确保输出设备经校正后所代表的颜色能保持其一到性。其中，L是亮度，a是绿至红，b是蓝至黄。

Lab颜色模式涵盖了RGB和CMYK。

2.1.5 索引颜色

索引颜色采用一个颜色表存放并索引图像中的颜色，可以减小文件的体积。如果在表中没有找到，则会取出最接近的颜色。

2.2 色彩模式转换

有些颜色在转换后会损失部分颜色的信息，所以要先备份原文件。

三、216网页安全色

即使是相同的颜色，也可能会由于显示器、操作系统、显卡以及浏览器的不同而出来不同的效果。

216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能正常显示的颜色集合，这些颜色在任何终端上显示的效果都是相同的。所以，使用216网页安全色可以避免颜色失真的问题。

四、网页配色。

4.1 网页自定义颜色

一般来说，网页的背景色应该柔和一些，谈一些，再配上深色的文字，使人看起来自然、舒畅。

4.2 色彩推移

色彩推荐是按照一定规律有秩序地排列组合色彩的一种方式。

4.2.1 色相推移

选择一组色彩，按色相环的顺序，由冷到暖或者由暖到冷进行排列、组合。

4.2.2 明度推移

选择一组色彩、按明度等差级数的顺序，由浅到深或由深到浅进行排列组合。

4.2.3 纯度推移

选择一组色彩、按纯度等差级数或者等比级数的顺序，由纯色到灰色或由灰色到纯色进行排列组合。

4.2.4综合推移

选择一组色彩、按色相、明度、纯度推移进行综合排列、组合的渐变形式。

五、色彩分析

5.1 色相情感

色彩        积极的含义 消极的含义

红色 热情、亢奋、激烈、喜庆、革命、吉利、兴隆、爱情、火热、活力 危险、痛苦、紧张、屠杀、残酷、事故、战争、爆炸、亏空

橙色 成熟、生命、永恒、华贵、热情、富丽、活跃、辉煌、兴奋、温暖 暴躁、不安、欺诈、嫉妒

黄色 光明、兴奋、明朗、活泼、丰收、愉悦、轻快、财富、权力、自然、和平、生命 病痛、胆怯、骄傲、下流

绿色 自然、和平、生命、青春、畅通、安全、宁静、平稳、希望 生酸、失控

蓝色 久远、平静、安宁、沉着、纯洁、透明、独立、遐想 寒冷、伤感、孤漠、冷酷

紫色 高贵、久远、神秘、豪华、生命、温柔、爱情、端庄、俏丽、娇艳 悲哀、忧郁、痛苦、毒害、荒淫

黑色 庄重、深沉、高级、幽静、深刻、厚实、稳定、成熟 悲哀、肮脏、恐怖、沉重

白色 纯洁、干净、明亮、轻松、朴素、卫生、凉爽、淡雅 恐怖、冷峻、单薄、孤独

灰色 高雅、沉着、平和、平衡、连贯、联系、过渡 凄凉、空虚、抑郁、暧昧、乏味、沉闷

六、色彩搭配方式

6.1 色彩调和

6.1.1 面积法

将色相对比强烈的双方面积反差拉大。大面积的为主导地位，小面积的为从属性质。

6.1.2 阻隔法

在色相对比强烈的各高纯度色之间，嵌入金、银、黑、白、灰等分离色彩的线条或块面，以调节色彩的强度，使原配色有所缓冲。

6.1.3 统调法

在组合多种色相对比强烈的色彩时，为使其达到整体统一、和谐协调之目的，往往用加入某个共同要素而让统一色调去支配全体色彩的手法，称为色彩统调。

6.1.4 削弱法

使原来色相对比强烈的多方，在明度、纯度两方面拉开距离，减少色彩的同时对比，避免刺眼、生硬的弊端。

6.2 色彩对比

6.2.1 色相对比

由于色相差别而形成的色彩对比效果称为色相对比。

零度对比

无色彩对比，如黑与白、黑与灰、中灰与浅灰、黑与白与灰、黑与深灰与浅灰等。

调和对比

弱对比类型，如蓝紫色与紫红色。

较弱对比类型，如紫红色与朱红色。

中差色相对比类型，如黄色与绿色对比。

强列对比

强烈对比为极端对比类型，如红色与绿色、黄色与紫色对比。

6.2.2 明度对比

由于明度不同而形成的色彩对比效果称为明度对比。

6.2.3 纯度对比

由于纯度不同而形成的色彩对比效果称为纯度对比。

6.3 色彩呼应

色彩呼应又称色彩关联。

分散法

将一种或几种色彩同时放置在网页的不同部位，使整体色调统一在某种格调中。

系列法

使一个或多个色彩同时出现在不同的页面，组成系列设计。

6.4 色彩重点

在网页某个部位设置强调、突出的色彩，以起到画龙点睛的作用。

6.5 色彩平衡

色彩对称

左右对称、放射对称、回旋对称。

色彩不均衡

色彩布局没有取得均衡的构成形式，称为色彩的不均衡(慎用)。