数字色彩的配色工具.ppt

digital,Color,（,*,）,数字色彩的配色工具,主讲教师：田 少 煦,“数字色彩”电子课件五,第五章 数字色彩的配色工具,第五章 数字色彩的配色工具,第一节,HSV,色彩六棱锥,第二节,以,HSV,建立的色彩六棱锥立体模型,第三节,数字色系五级配色表,不同的色彩模型有不同的色彩布局和体系结构，同时也会带来不同的配色方式。,HSV,色彩模型是用户（设计师）直观的色彩模型，它的配色很接近调制颜料绘画的配色。我们可以通过调节色相、明度、饱和度，来实现我们期望得到的配色。,第五章 数字色彩的配色工具,HSV,是计算机颜色的模型之一，它在计算机实用软件里，常被称为,HSB,色彩模型。因为它用色彩的直观属性来描述颜色，它的三个颜色参数正好对应色彩的主观三属性（三要素），跟我们传统的颜料色彩设计相类似，所以它称为用户（设计师）直观的色彩模型。,第一节,HSV,色彩六棱锥,一、,HSV,色彩六棱锥的外观,第五章 数字色彩的配色工具,HSV,模型的色彩从,CIE,三维颜色空间转变而来，它采用的是用户直观的色彩描述方法，它跟蒙塞尔显色系统的色立体较接近，但只是显示了蒙塞尔色立体的南半球。,色相,（,H,）,处于六棱锥顶面的色平面上，它们围绕中心轴,V,旋转和变化。色彩明度,（,B,）,沿六棱锥中心轴,V,从上至下变化。色彩饱和度,（,S,）,沿水平方向变化，越接近六棱锥中心轴的色彩，其饱和度越低。,（一）,HSV,色彩六棱锥的色彩描述,第五章 数字色彩的配色工具,HSV,色彩六棱锥,第五章 数字色彩的配色工具,HSV,色彩模型是从,RBG,立方体的正投影演化而来，如果我们沿,RBG,立方体的对角线从白色顶点向黑色原点看去，可以得到立方体六边形外形。,RBG,立方体的红（,R,）、黄（,Y,）、绿（,G,）、青（,C,）、蓝（,B,）、品红（,M,）六个顶点依次组成,HSV,色彩模型顶面的六个基本色点，白（,W,）则作为顶面的中心点，以此形成的六边形向,RBG,立方体的黑（,B,）做正投影而形成的倒棱锥，就是,HSV,色彩模型。,（二）,HSV,色彩六棱锥模型的演变,第五章 数字色彩的配色工具,RBG,立方体的,正投影演化,这种,“,基于明度的,HSB,色彩模型,”,的调色板，在一些实用的图形图像软件里也有体现,（一）,HSV,色彩六棱锥顶面及其色相,在,HSV,色彩模型中，六棱椎顶面的正六边形，是一个饱和度最高的有彩色系的色相环。在这个六边形色相环中，色相是沿逆时针方向变化的，用,H,（,hue,）,来表示色相。在六边形中，,S,（,saturation,）,表示色彩饱和度变化的量。当颜色位于六边形中心时，颜色的饱和度为,0,（,S=0,），,呈纯白色。饱和度的变化由六边形中心向六边形外框逐渐增大，位于六边形外框上的颜色的饱和度最高。,二、,HSV,色彩六棱锥的结构,第五章 数字色彩的配色工具,HSV,色彩六棱锥,顶面六边形色平面,在,数字色彩设计中，我们把,HSV,色彩六棱椎顶面六边形色平面以外的有彩色系的颜色，统称为复色。,我们把,HSV,色彩六棱椎在红色的位置上纵向剖开，可得到一个等腰直角三角形的红色剖面图。下面的剖面图显示了红色（,M100,Y100,）的明度及饱和度变化趋势。,第五章 数字色彩的配色工具,（二）,HSV,色彩六棱锥立面及其明度、饱和度,HSV,色彩六棱锥,纵向剖面图,在,HSV,顶面六边形色相环中，色相是沿逆时针方向变化的，用,H,（,hue,）来表示色相。每变换,1,夹角，色相就有细微的变化。从,0,到,360,，色相变化的顺序按红,橙,黄,绿,蓝,品红，每个颜色相隔,60,，这,6,个颜色也构成了六边形的,6,个顶点。从,0,到,359,，色相按光谱色带依次排列，当到达,360,时，色相又回到,0,时的色彩。,第二节 以,HSV,建立的,色彩六棱锥立体模型,一、,HSV,六棱锥立体模型,第五章 数字色彩的配色工具,HSV,色彩六棱锥,三维模型,从六棱锥顶面六边形的中心向外辐射的方向，我们把六边形的色彩按照饱和度分成,5,个等级，形成,5,圈不同饱和度的色相环。这,5,圈色相环从中心层层向外辐射，每一圈色相环之间显示了色彩的饱和度由低向高变化，每级的色彩值差为,25%,。,最里面,1,圈是饱和度为,0,的颜色，呈白色；第二圈是饱和度约为,25%,的淡色调颜色，第三圈是饱和度约为,50%,的低纯调颜色，第四圈是饱和度约为,75%,的中纯调颜色，最外一层是饱和度为,100%,最高的纯色调颜色。,第五章 数字色彩的配色工具,二、,HSV,六棱锥立体模型横截面分解,HSV,色彩六棱锥,顶面横截面分解图,第五章 数字色彩的配色工具,我们把,HSV,色彩六棱椎纵向剖开，取一个直角三角形，并分别把它两直角腰上的色彩分成,5,个等级。水,平方向是有彩色系的颜色，它显示颜色的饱和度变化。等腰直角三角形最左边的颜色饱和度为,0,，它是,HSV,色彩六棱椎顶面色相环的中心，呈纯白色；每个等级之间颜色的饱和度从左至右依次增大，每级的色彩值差为,25%,；,它们依次是,25%,、,50%,、,75%,、,100,；,最右边的颜色是最纯的颜色，饱和度也最高。,（,HSV,模型）,第五章 数字色彩的配色工具,三、,HSV,六棱锥立体模型纵截面分解,垂直方向是无彩色系的颜色，它显示颜色的明度变化。最上面的颜色明度最高，垂直中心轴的顶端呈纯白色，与,S=0,的有彩色系的颜色重合，垂直中心轴最下面的颜色明度最低，是纯黑色，中间三个等级颜色的明度从上至下依次减弱，每级的色彩值差约为,25%,。,（,HSV,模型）,第五章 数字色彩的配色工具,HSV,色彩六棱锥,纵向剖面分解图,单色,在上图中，把分别,10,个等级的色彩进行编号并确定相应的色调名称。除无彩色系的黑白灰色外，水平方向直角边上的颜色统称为,“,纯色系色调,”,它们只含有纯净的色彩，编号是：,1,纯色调、,2,中纯调、,3,低纯调、,4,浅色调。三角形内部的颜色称为,“,灰（浊）色系色调,”,，编号是：,5,明灰调、,6,中灰调、,7,暗灰调。三角形底边上的颜色称为,“,暗色系色调,”,，编号是：,8,微暗调、,9,中暗调、,10,深暗调。,第三节,数字,色系五级配色表,一、单色五级配色表的色调分布,第五章 数字色彩的配色工具,HSV,色彩六棱锥,“,三三制,”,色表：,一个单色的,“,数字色系五级配色表,”,的色调分布图,如果把上图单色的数字色系五级配色表推广到其他的各色相，就可以得到多个单色数字色系五级配色表。为了使用方便，我们创造一个包含着,10,个色调分布、但又涵盖所有色相的简单易懂的,“,数字色系五级配色表,”,。,二、数字色系五级配色表的色彩表达,第五章 数字色彩的配色工具,在以下的直角三角形里，我们把每个方形的色块划分成六个不同的颜色，依次按红黄绿青蓝品红的顺序排列，它表示在这个纵截面的位置上，色相是按照,HSV,色彩六棱锥顶面的色彩从,0,360,依次排列的。我们这里只是选取了,HSV,顶面六边形,6,个转折点的,6,个标准色来示意它的全部色相。它相当于这,6,个标准色的,6,个纵截面的集合图。这就是标准的,“,数字色系五级配色表,”,。,第五章 数字色彩的配色工具,标准的,“,数字色系,五级配色表,”,有了,“,数字色系五级配色表,”,，我们就可以用量化的方法在以上,10,个色彩区域之间进行各种,1,对,1,，,1,对,2,，甚至,1,对,3,的色彩搭配。它们可以丛生出很多的配色方案。这种配色训练即方法简便、又花样繁多，是传统的手工调制颜料的,“,色彩构成,”,训练所无法比拟的。,第五章 数字色彩的配色工具,谢 谢,！,第五章 色彩的对比、调和与渐变,