数字色彩的配色工具.ppt

数字色彩的配色工具 主讲教师 田少煦 数字色彩 电子课件五 第五章数字色彩的配色工具 第五章数字色彩的配色工具 第一节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个纵截面的集合图 这就是标准的 数字色系五级配色表 第五章数字色彩的配色工具 标准的 数字色系五级配色表 有了 数字色系五