数字色彩的配色工具.ppt

《数字色彩的配色工具.ppt》由会员分享，可在线阅读，更多相关《数字色彩的配色工具.ppt（27页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、digital Color（1 1）数字色彩的配色工具主讲教师：田主讲教师：田 少少 煦煦“数字色彩数字色彩”电子课件五电子课件五digital Color（2 2）第五章 数字色彩的配色工具第五章第五章 数字色彩的配色工具数字色彩的配色工具 第一节第一节 HSV色彩六棱锥色彩六棱锥 第二节第二节 以以HSV建立的色彩六棱锥立体模型建立的色彩六棱锥立体模型 第三节第三节 数字色系五级配色表数字色系五级配色表digital Color（3 3）不同的色彩模型有不同的色彩布局和体系不同的色彩模型有不同的色彩布局和体系结构结构，同，同时时也也会带来会带来不同的配色方式。不同的配色方式。HSV色彩色彩

2、模型是用模型是用户户（设计师设计师）直）直观观的色彩模型，的色彩模型，它它的配的配色很接近色很接近调调制制颜颜料料绘画绘画的配色。我的配色。我们们可以通可以通过调过调节节色相、明度、色相、明度、饱饱和度，和度，来实现来实现我我们们期望得到的期望得到的配色。配色。第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（4 4）HSV是是计计算机算机颜颜色的模型之一，色的模型之一，它它在在计计算机算机实实用用软软件里，常被件里，常被称为称为HSB色彩模型。因色彩模型。因为它为它用用色彩的直色彩的直观属观属性性来来描述描述颜颜色，色，它它的三的三个颜个颜色色参数参数正好正好对应

3、对应色彩的主色彩的主观观三三属属性（三要素），跟我性（三要素），跟我们们传统传统的的颜颜料色彩料色彩设计设计相相类类似，所以似，所以它称为它称为用用户户（设计师设计师）直）直观观的色彩模型。的色彩模型。第一节 HSV色彩六棱锥 一、HSV色彩六棱锥的外观第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（5 5）HSV模模型型的的色色彩彩从从CIE三三维维颜颜色色空空间间转转变变而而来来，它它采采用用的的是是用用户户直直观观的的色色彩彩描描述述方方法法，它它跟跟蒙蒙塞塞尔尔显显色色系系统统的的色色立立体体较较接接近近，但但只只是是显显示示了了蒙蒙塞塞尔色立体的南半球。

4、尔色立体的南半球。色色相相（H）处处于于六六棱棱锥锥顶顶面面的的色色平平面面上上，它它们们围围绕绕中中心心轴轴V V旋旋转转和和变变化化。色色彩彩明明度度（B）沿沿六六棱棱锥锥中中心心轴轴V V从从上上至至下下变变化化。色色彩彩饱饱和和度度（S）沿沿水水平平方方向向变变化化，越越接接近近六六棱棱锥锥中中心心轴轴的的色色彩彩，其其饱饱和度越低。和度越低。（一）HSV色彩六棱锥的色彩描述第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（6 6）HSV HSV 色彩六棱锥色彩六棱锥第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（7 7）HSV

5、色色彩彩模模型型是是从从RBG立立方方体体的的正正投投影影演演化化而而来来，如如果果我我们们沿沿RBG立立方方体体的的对对角角线线从从白白色色顶顶点点向向黑黑色色原原点点看看去去，可可以以得得到到立立方方体体六六边边形形外外形形。RBG立立方方体体的的红红（R）、黄黄（Y）、绿绿（G）、青青（C）、蓝蓝（B）、品品红红（M）六六个个顶顶点点依依次次组组成成HSV色色彩彩模模型型顶顶面面的的六六个个基基本本色色点点，白白（W）则则作作为为顶顶面面的的中中心心点点，以以此此形形成成的的六六边边形形向向RBG立立方方体体的的黑黑（B）做正投影而形成的倒做正投影而形成的倒棱锥棱锥，就是，就是HSV色彩

6、模型。色彩模型。（二）HSV色彩六棱锥模型的演变第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（8 8）RBG立方体的立方体的正投影演化正投影演化digital Color（9 9）这种这种“基于明度的基于明度的HSBHSB色彩模色彩模型型”的调色板，在一些实用的的调色板，在一些实用的图形图像软件里也有体现图形图像软件里也有体现digital Color（1010）（一）HSV 色彩六棱锥顶面及其色相 在在HSV色彩模型中，六色彩模型中，六棱棱椎椎顶顶面的正六面的正六边边形，形，是一是一个饱个饱和度最高的有彩色系的色相和度最高的有彩色系的色相环环。在。在这个这个六

7、六边边形色相形色相环环中，色相是沿逆中，色相是沿逆时针时针方向方向变变化的，用化的，用H（hue）来来表示色相。在六表示色相。在六边边形中，形中，S（saturation）表示色彩表示色彩饱饱和度和度变变化的量。化的量。当颜当颜色位于六色位于六边边形中心形中心时时，颜颜色的色的饱饱和度和度为为0（S=0），呈呈纯纯白色。白色。饱饱和度的和度的变变化由六化由六边边形中心向六形中心向六边边形外形外框逐框逐渐渐增大，位于六增大，位于六边边形外框上的形外框上的颜颜色的色的饱饱和度最和度最高。高。二、HSV色彩六棱锥的结构第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（11

8、11）HSV色彩六色彩六棱棱锥锥顶顶面六面六边边形色平面形色平面digital Color（1212）在在数数字色彩字色彩设计设计中，我中，我们们把把HSV色彩六色彩六棱棱椎椎顶顶面六面六边边形色平面以外的有彩色系的形色平面以外的有彩色系的颜颜色，色，统称统称为复为复色。色。我我们们把把 HSV色彩六色彩六棱棱椎在椎在红红色的位置上色的位置上纵纵向剖向剖开开，可得到一，可得到一个个等腰直角三角形的等腰直角三角形的红红色剖面色剖面图图。下面的剖面下面的剖面图显图显示了示了红红色（色（M100,Y100M100,Y100）的明）的明度及度及饱饱和度和度变变化化趋势趋势。第五章第五章 数字色彩的配色

9、工具数字色彩的配色工具（二）HSV 色彩六棱锥立面及其明度、饱和度digital Color（1313）HSV色彩六色彩六棱棱锥锥纵纵向剖面向剖面图图digital Color（1414）在在HSVHSV顶顶面六面六边边形色相形色相环环中，色相是沿逆中，色相是沿逆时针时针方向方向变变化的，用化的，用H H（huehue）来来表示色相。每表示色相。每变换变换11夹夹角，色相就有角，色相就有细细微的微的变变化。化。从从00到到360360，色，色相相变变化的化的顺顺序按序按红红橙橙黄黄绿绿蓝蓝品品红红，每，每个颜个颜色相隔色相隔6060，这这6 6个颜个颜色也色也构构成了六成了六边边形的形的6 6

10、个顶个顶点。点。从从00到到359359，色相按光，色相按光谱谱色色带带依次排列，依次排列，当当到到达达360360时时，色相又回到，色相又回到00时时的色彩。的色彩。第二节 以HSV建立的色彩六棱锥立体模型 一、HSV六棱锥立体模型第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（1515）HSV色彩六色彩六棱棱锥锥三三维维模型模型digital Color（1616）从从六六棱棱锥锥顶顶面面六六边边形形的的中中心心向向外外辐辐射射的的方方向向，我我们们把把六六边边形形的的色色彩彩按按照照饱饱和和度度分分成成5个个等等级级，形形成成5圈圈不不同同饱饱和和度度的的色

11、色相相环环。这这5圈圈色色相相环环从从中中心心层层层层向向外外辐辐射射，每每一一圈圈色色相相环环之之间间显显示示了了色色彩彩的的饱饱和和度度由由低向高低向高变变化，每化，每级级的色彩的色彩值值差差为为25%。最最里里面面1 1圈圈是是饱饱和和度度为为0的的颜颜色色，呈呈白白色色；第第二二圈圈是是饱饱和和度度约约为为25%的的淡淡色色调调颜颜色色，第第三三圈圈是是饱饱和和度度约约为为50%的的低低纯纯调调颜颜色色，第第四四圈圈是是饱饱和和度度约约为为75%的的中中纯纯调调颜颜色色，最最外外一一层层是是饱饱和和度度为为100%最最高的高的纯纯色色调颜调颜色。色。第五章第五章 数字色彩的配色工具数字

12、色彩的配色工具二、HSV六棱锥立体模型横截面分解digital Color（1717）HSV色彩六色彩六棱棱锥锥顶面横截面分解图顶面横截面分解图第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（1818）我我们们把把HSV色色彩彩六六棱棱椎椎纵纵向向剖剖开开，取取一一个个直直角角三三角角形，形，并并分分别别把把它两它两直角腰上的色彩分成直角腰上的色彩分成5个个等等级级。水。水 平平方方向向是是有有彩彩色色系系的的颜颜色色，它它显显示示颜颜色色的的饱饱和和度度变变化化。等等腰腰直直角角三三角角形形最最左左边边的的颜颜色色饱饱和和度度为为0，它它是是HSV色色彩彩六六棱

13、棱椎椎顶顶面面色色相相环环的的中中心心，呈呈纯纯白白色色；每每个个等等级级之之间间颜颜色色的的饱饱和和度度从从左左至至右右依依次次增增大大，每每级级的的色色彩彩值值差差为为25%；它它们们依依次次是是25%、50%、75%、100；最最右右边边的的颜颜色是最色是最纯纯的的颜颜色，色，饱饱和度也最高。和度也最高。（HSV模型）模型）第五章第五章 数字色彩的配色工具数字色彩的配色工具三、HSV 六棱锥立体模型纵截面分解digital Color（1919）垂垂直直方方向向是是无无彩彩色色系系的的颜颜色色，它它显显示示颜颜色色的的明明度度变变化化。最最上上面面的的颜颜色色明明度度最最高高，垂垂直直中

14、中心心轴轴的的顶顶端端呈呈纯纯白白色色，与与S=0的的有有彩彩色色系系的的颜颜色色重重合合，垂垂直直中中心心轴轴最最下下面面的的颜颜色色明明度度最最低低，是是纯纯黑黑色色，中中间间三三个个等等级级颜颜色色的的明明度度从从上上至至下下依依次次减减弱弱，每每级级的的色色彩彩值值差差约约为为25%。（HSV模型）模型）第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（2020）HSV色彩六色彩六棱棱锥锥纵纵向剖面分解向剖面分解图图单单色色digital Color（2121）在上在上图图中，把分中，把分别别10个个等等级级的色彩的色彩进进行行编号并编号并确定确定相相应应的

15、色的色调调名名称称。除无彩色系的黑白灰色外，水平方。除无彩色系的黑白灰色外，水平方向直角向直角边边上的上的颜颜色色统称为统称为“纯纯色系色色系色调调”,”,它们它们只含有只含有纯纯净净的色彩，的色彩，编号编号是：是：1 1 纯纯色色调调、2 2 中中纯调纯调、3 3 低低纯调纯调、4 4 浅浅色色调调。三角形。三角形内内部的部的颜颜色色称为称为“灰（灰（浊浊）色系色）色系色调调”，编号编号是：是：5 5 明灰明灰调调、6 6 中灰中灰调调、7 7 暗灰暗灰调调。三角形。三角形底底边边上的上的颜颜色色称为称为“暗色系色暗色系色调调”，编号编号是：是：8 8 微暗微暗调调、9 9 中暗中暗调调、1

16、010深暗深暗调调。第三节 数字色系五级配色表 一、单色五级配色表的色调分布第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（2222）HSV色彩六色彩六棱棱锥锥“三三制三三制”色表：色表：一一个个单单色的色的“数数字字色系五色系五级级配色表配色表”的色的色调调分布分布图图digital Color（2323）如果把上如果把上图单图单色的色的数数字色系五字色系五级级配色表推广到其配色表推广到其他的各色相，就可以得到多他的各色相，就可以得到多个单个单色色数数字色系五字色系五级级配配色表。色表。为为了使用方便，我了使用方便，我们创们创造一造一个个包含着包含着1010个个

17、色色调调分布、但又涵盖所有色相的分布、但又涵盖所有色相的简单简单易易懂懂的的“数数字字色系五色系五级级配色表配色表”。二、数字色系五级配色表的色彩表达第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（2424）在以下的直角三角形里，我在以下的直角三角形里，我们们把每把每个个方形的色方形的色块块划划分成六分成六个个不同的不同的颜颜色，依次按色，依次按红红黄黄绿绿青青蓝蓝品品红红的的顺顺序排列，序排列，它它表示在表示在这个纵这个纵截面的位截面的位置上，色相是按照置上，色相是按照HSV色彩六色彩六棱锥顶棱锥顶面的色彩面的色彩从从0360依次排列的。我依次排列的。我们这们这

18、里只是里只是选选取了取了HSV顶顶面六面六边边形形6个转个转折点的折点的6个标个标准色准色来来示意示意它它的全的全部色相。部色相。它它相相当当于于这这6个标个标准色的准色的6个纵个纵截面的集截面的集合合图图。这这就是就是标标准的准的“数数字色系五字色系五级级配色表配色表”。第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（2525）标准的标准的“数字色系数字色系五级配色表五级配色表”digital Color（2626）有了有了“数数字色系五字色系五级级配色表配色表”，我，我们们就可以用量就可以用量化的方法在以上化的方法在以上10个个色彩色彩区区域之域之间进间进行各行各种种1对1，1对2，甚至甚至1对3的色彩搭配。的色彩搭配。它们它们可以可以丛丛生出生出很多的配色方案。很多的配色方案。这种这种配色配色训练训练即方法即方法简简便、又花便、又花样样繁多，是繁多，是传统传统的手工的手工调调制制颜颜料的料的“色彩色彩构构成成”训练训练所无法比所无法比拟拟的。的。第五章第五章 数字色彩的配色工具数字色彩的配色工具digital Color（2727）谢 谢 ！第五章第五章 色彩的对比、调和与渐变色彩的对比、调和与渐变