平面设计系列教程—色彩搭配知识(灰色)

第一篇：平面设计系列教程—色彩搭配知识(灰色)

灰色——美色计之灰色

色彩含义简介：象征诚恳、沉稳、理智。灰色权威中带着精确、紧密、认真，在金融业、家电业、电子数码、汽车等紧密仪器和电子行业等高端科技领域的广告画面中都很常见，当然化妆品和运动类画面中也很常见。

色彩联想： 烟雾、阴沉的天空、老鼠、公路、工业等等。在心理上给人朴素、模糊、抑郁、理智、柔和、协调、过渡等感觉。色彩搭配方案：灰色色相模糊，纯度较低，有着黑色的沉稳，是一个不错的背景色和过渡调和色。高明度的黄色、红色、紫色一般都会选择以灰色作为底色，从而达到烘托主体的目的。当然也有部分LOGO和画面选择用灰色作为缓冲，毕竟中庸的灰色在各个色彩之间发挥着必不可少的调和和过渡作用。如下图：

通过realone、xunlei.com、mail.163.com的LOGO设计可以看出灰色的重要性，试想换成黑色会是什么结果？先看Real Search，文字粗细对比做的很好，这样不会让人感觉文字很笨拙。同时通过灰色来为整个LOGO减肥，粗细对比和明度对比使整个LOGO非常和谐。看到迅雷和网易，我又想提一句话了——“规矩一点”。第一眼看到这两个LOGO感觉有点惊讶，两者从版式构图到用色的饱和度都非常相似。图02和图03也是如此，当碰到色彩过于统一或者是繁多时，两个设计师都选择了灰色，以此来平衡和过渡画面色彩。如果图02中间是红色就会显得LOGO很花哨；如果QQ选择了蓝色，那画面会显得过于统一了，很单调很呆板。就好像你即将要告诉你朋友一个坏消息，你肯定不能直接说，一般要先给她打一针“预防针”或者是委婉的去表达，让她先有心理准备，然后再慢慢道来、慢慢过渡，网上看个电影也需要缓冲一下吧。在语言表达上经常过于直接的人就好像黑色或者是其他纯色，给人的视觉“冲击力”和心理“冲击力”都很大！总之，有色系搭配无色系（黑白灰）是个非常不错的选择，画面不会显得花哨，并且主次分明、视觉柔和。讲完了灰色的作用，我们再看看她的配色方案，只要产品包装（画面）上涉及到大面积灰色，那十有八九就是“高档货“了。灰色的配色系统大致可以分为两类，一类是明度和饱和度接近灰色的其他偏中性色彩（物以类聚嘛）；另外一类是反差颇大的高明度色彩，比如黄色、红色、蓝色等等（势不两立嘛）。

这是典型的灰色配色系统中的第二类，画面简洁、有色系配无色系。低明度不同层次的灰色加上高明度的蓝色和洋红色（紫色），色彩面积控制的相当到位，两种色系并驾齐驱、相得益彰，实在是太精致了！这里还想说一点，也就是上面提到的灰色配色系统的第一类：明度和饱和度接近灰色的其他偏中性色彩与灰色的搭配，这一类配色多运用于室内装饰和服装设计上，在广告和设计领域运用很少。这是因为一般室内装饰设计(家装也好、工装也罢)不会像平面广告设计那样需要最求强烈的视觉效果，从而达到对产品的促销作用。这里面没有商业利益的成分，就拿家装来说吧：室内装饰讲究家庭环境和感觉，比如温馨、浪漫、淡雅、和谐等等。室内过多的红色、绿色等纯色都会给人紧张感，所以色彩运用的都比较淡雅和舒适。服装设计也是如此，有谁穿一件衣服是带着商业动机的？加之，现在穿衣服很容易撞车，特别是色彩和款式很“简单”的。所以服装设计就加大了对服装设计的研究，比如我读初中的时候，那个时候很流行单色、纯色的服装，而现在服装的色彩再设计师笔下都进行混合，变成了二次色或者是三纯色甚至是补色（对比色）。如果说上个世纪末的流行的着装色彩是三原色及其同类色，那现在的着装色彩就好比三次色，正好三次色也迎合了高雅柔和的格调。像人的思想一样，越往后发展就越来越复杂，难以琢磨。总之，这一类配色装饰性很强，艺术的成分很高，但是做广告、搞设计更多的是带有市场成分的，所以就用的很少。这也就是为什么产品促销广告多用红色、黄色的原因，色彩的注目性和刺激性要比中性色强。看看大学拉的横幅还有一些什么什么大厦落成的祝贺横幅就知道了。说到这里我想到了这样一桩民间传说：清朝末代皇帝溥仪 11 岁时，在宫中与他弟弟溥杰一起玩耍，正玩得高兴时，溥仪无意中发现溥杰的衣袖露出黄色，立刻沉下脸说：「浦杰！这是什么颜色，你也能使？」又说：「这是明黄，不该你使的！」吓得溥杰忙垂头肃立。由此可见，平民百姓是不能穿明黄色的，多半是素色布衣，对于古代统治者来说，衣服颜色也不得僭越。可以简单这样总结一下，当涉及到“利益”时，利益主使者的色彩都很“高调”，金黄、明黄和大红（非鲜红）都属于古代皇亲国戚专有色彩，现代社会商业促销设计的配色运用又何尝不是如此呢？当然也有人说现在我们就不能用红色吗？不是不能用，关键是用的不好就会显得很“俗”，一般人敢驾弩红色和绿色吗？或者说能驾弩金色吗？还是选择灰色吧。

色彩搭配误区：

1）画面中灰色没有层次，比如你现在少用的是30%的黑色，而画面中找不到31%的黑色。画面中的灰色也不能是全灰，尽量做出一种若隐若现的灰色，这里的若隐若现是指灰色的细微层次变化，这样看上去就不会太呆板。或者加入少许中性冷色或者是中性暖色也不错； 2）灰色使用过重，画面太脏。3）使用灰色，点到为止，不要滥用。相关色彩参考：

银 色 RGB: 193 198 201 CMYK: 5 0 0 30 珍珠灰 RGB: 171 171 171 CMYK: 38 30 29 0 贝壳色 RGB: 74 68 75 CMYK: 9 10 11 0

注解：以上几张图都有不同程度的灰色，微妙变化把握的非常好。

第二篇：平面设计色彩搭配

平面设计理论知识(色彩搭配)一：各种色彩的象征：

红色：热情、活泼、热闹、革命、温暖、幸福、吉祥、危险......橙色：亮丽、光明、华兴奋、甜蜜、快乐......黄色：明朗、愉快、高贵、希望、发展、注意......绿色：新鲜、平静、安逸、和平、柔和、青春、安全、理想......蓝色：深远、永恒、沉静、理智、诚实、寒冷......紫色： 优雅、高贵、魅力、自傲、轻率......白色：纯洁、纯真、朴素、神圣、明快、柔弱、虚无......灰色：谦虚、平凡、沉默、中庸、寂寞、忧郁、消极......黑色：崇高、严肃、刚健、坚实、粗莽、沉默、黑暗、罪恶、恐怖、绝望、死亡......色彩的心理效应

色彩的直接心理效应来自色彩的物理光刺激对人的生理发生的直接影响。

心理学家对此曾做过许多实验。他们发现，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。而处在蓝色环境中，脉搏会减缓，情绪也较沉静。有的科学家发现，颜色能影响脑电波，脑电波对红色反应是警觉，对蓝色的反应是放松。

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

网页色彩的搭配

网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？

首先我们先来了解一些色彩的基本知识：

1.颜色是因为光的折射而产生的。

2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。

3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。

4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。

网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。

●非彩色的搭配

黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。

●彩色的搭配

色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。

暖色系 中性系 寒色系 中性系

二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。

绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。

橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。

黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。

蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:)

白色---具有洁白，明快，纯真，清洁的感受。

黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。

灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。

每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。

●网页色彩搭配的原理

1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。

2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

●网页色彩掌握的过程

随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；

第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。

○网页色彩搭配的技巧

文章写到这里，有心急的网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择“自定义”，然后在“色库”中选就可以了:)

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。

在网页配色中，忌讳的是：

1.不要将所有颜色都用到，尽量控制在三种色彩以内。

2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容

第三篇：色彩系列教程

色彩系列教程

色彩系列教程(1)：基础知识 我们生活在五彩缤纷的世界里，天空、草地、海洋、漫无边际的薰衣草都有它们各自的色彩。你、我、他也有自己的色彩，代表个人特色的衣着、家装、装饰物的色彩，可以充分反映人的性格、爱好、品位。

设计爱好者对色彩的喜爱更是“如痴如狂”，他们知道色彩不仅仅是点缀生活的重要角色，它也是一门学问。要在设计作品中灵活、巧妙的运用色彩，使作品达到各种精彩效果，就必须对色彩好好研究一番。今天我们首先学习一些关于色彩的最简单、基础也是很重要知识，感受一下色彩运用的妙处！

一、色彩的构成

色彩一般分为无彩色和有彩色两大类。无彩色是指白、灰、黑等不带颜色的色彩，即反射白光的色彩，如图1。

图1 有彩色是指红、黄、蓝、绿等带有颜色的色彩，如图2中的色彩。

图2

二、色彩的对比

在一定条件下，人对同一色彩有不向的感受。色彩单一给人一种印象。在不同的环境下，多色彩给人另一种印象。色彩之间这种相互作用的关系称“色彩对比”。

色彩对比包括两方面。其一，时间隔序，称“同时发生的对比”；其二，空间位置，称“连贯性的对比”。对比本来是指性质对立的双方相互作用、相互排斥。然而，在某种条件下，对立的双方也会相互融合、相互协调。并置的不同色调往往相抵消对方的色彩，这种相互抵消的现象称“同化现象。对比的具体运用和效果，将在以后的文章中再详细讲解。

三、色彩的表现手法

人的色感可用色彩三属性——色调、亮度、饱和度表示。不过三属性毫无差异的同一色彩会因所处位置、肯景物不同而给人截然相反的印象。我们以蓝色编织物和蓝色木地板为例，图3，假定它们的三属性相同，但在观赏者的眼中，编织物的色彩与木地板的色彩毫无共同之处。这种现象称为“色彩的表现形式”。

图3 色彩的表观形式包括面色、表面色、空间色等。面色又称“管窥色”，像天空色彩平平展展，缺乏质感，给人柔软的感觉（图4）。图4 表面色指色纸等物体的表面色彩。表面色依距离远近给人不同的质感。图5中是同一张纸，取了远近距离不同的位置。两张图看起来有点明暗程度不同的感觉，远距离的看起来颜色要深一些。

图5 空间色又称“体色”，似充满透明玻璃瓶中的带色液体，是指弥漫空间的色彩。此外，还有表而光泽、光源色等。

四、色彩的特性

1、色彩的冷暖

物体通过表面色彩可以给人们或温暖或寒冷或凉爽的感觉。一般说来，温度感觉是通过感觉器官触娱物体而来．与色彩风马牛不相及。事实上，各类物体借助五彩缤纷的色彩给人一定的温度感觉。

红、橙、黄等颜色使人想到阳光、烈火，故称“暖色”。如图6中燃烧的深林，如果你没看到图，听到火，肯定会想到是红色，灼热的感觉。图6 绿、青、蓝等颜色与黑夜、寒冷相联，称“冷色”。图7，夜晚被灯光照亮的宾馆大厦，感觉冷冷的。

图7 红色给人积极、跃劝、温暖的感觉。蓝色给人低静、消极的感觉。绿与紫是中性色彩刺激小，效果介于红与蓝之间。中性色彩使人产生休憩、轻松的情绪，可以避免产生疲劳感。

人对色彩的冷暖感觉基本取决于色调。色系一般分为暖色系、冷色系、中性色系三类。色彩的冷暖效果还需要考虑其他因素。例如，暖色系色彩的饱和度愈高，其温暖的特性愈明显；而冷色系色彩的亮度愈高，其特性愈明显。我们把上面的图6、7，分别增加饱和度和亮度，看到各自反映的效果更加突出（图8）。

2、色彩的轻重感觉

各种色彩给人的轻重感不同，我们从色彩得到的重量感，是质感与色感的复合感觉。例如两个体积、重量相等的皮箱（图9）分别涂以不同的颜色，然后用手提、目测两种方法判断木箱的重量。结果发现，仅凭目测难以对重量做出准确的判断，可是利用目测木箱的颜色却能够得到：轻重感，浅色密度小，有一种向外扩散的运动现象，给人质量轻的感觉深色密度大，给人一种内聚感，从而产生份量重的感觉。

3.、色彩的膨胀与收缩

比较两个颜色一黑一白而体积相等的正方形（图10）可以发现有趣的现象，即大小相等的正方形，由于各自的表面色彩相异，能够斌予人不同的面积感觉。白色正方形似乎较黑色正方形的面积大。这种因心理因素导致的物体表面面积大于实际面积的现象称“色彩的膨胀性”。反之称“色彩的收缩性”。给人一种膨胀或收缩感觉的色彩分别称„膨胀色”、“收缩色”。色彩的胀缩与色调密切相关，暖色同膨胀色，冷色属收缩色。

4、色彩的前进性与后退性

如果等距离地看两种颜色，可给人不同的远近感。如：黄色与蓝色以黑色为肯景时（图11），人们往往感觉黄色距离自己比蓝色近。换言之，黄色有前进性，蓝色有后退性。较底色突出的前进性的色彩称“进色”；较底色暗淡的后退色彩称“退色”。

一般而言，暖色比冷色更富有前进的特性。两色之间，亮度偏高的色彩呈前进性，饱和度偏向的色彩也呈前进性。但是色彩的前进与后退不能一概而论，色彩的前进、后退与背景色密切相关。如在白背景前（图12），属暖色的黄色给人后退感，属冷色的蓝色却给人向前扩展的感觉。

5、色彩艳丽与素雅

—般认为，如果是单色，饱和度高，则色彩艳丽。饱和度低，给人素雅的感觉。除了饱和度，亮度也有一定的关系。不论什么颜色，亮度高时即使饱和度低也给人艳丽的感觉。综上所述，色彩是否艳丽、素雅，取决于色彩的饱和度线段，亮度尤为关键。高饱和度、高亮度的色彩显得艳丽。我们从图13中的一组变化饱和度、亮度的图片，直接的感受艳丽与素雅的概念。

混合色的艳丽与素雅取决于混合色中每一单色本身具有愈特性及混合色各方的对比效果。所以对比是决定色彩艳丽与居雅的重要条件。此外，结合色彩心理因素，艳丽的色彩一般和动态、快活的感情关系密切：素雅与静态的抑郁感情紧密相联。

除了上面讲述的色彩的几种特性之外，色彩的特性还包括联想、象征意义。对色彩的联想事物，根据观看人的年龄不同，想到的结果也不一样，例如中学生看到白色，容易联想到墙、白雪、石膏像、白兔等。成年人可能会想到护士、正义、白房子等等。白色象征纯洁、神圣的事物，例如新娘的婚纱都是用的白色，代表婚姻的神圣和严肃。

五、色彩和性格

人们对某种色彩的偏爱与性格有很大关系，不同的色系具有不同的含义。因此我们可以根据他人的衣着色彩、房间色彩等身边的东西，分析他的性格。我们可以大概的分析一下各色系代表的性格：

红色：冲动，精力旺盛，具有坚定的自强精神。橙黄色：对生活富于进取，开朗，和蔼。

黄色：胸怀远大理想，有为他人献身的高尚人格。绿色：不以偏见取人，胸怀宽阔，思想解放。蓝色：性格内问，责任感强，但偏于保守。

我们在做设计的时候，根据设计对象、目的不同，必须合理的安排色彩的使用范围。本篇简单介绍了色彩的一些知识，虽然简单，我想读完上面的内容之后，大家对色彩的看法，会有和以往不一样的认识，更深一步地理解色彩的概念了。

色彩系列-----色系和色调

一、色调和色系的概念

PCCS（Practical Color-ordinate System）色彩体系是日本色彩研究所研制的，色调系列是以其为基础的色彩组织系统。其最大的特点是将色彩的三属性关系，综合成色相与色调两种观念来构成色调系列的。从色调的观念出发，平面展示了每一个色相的明度关系和纯度关系，从每—个色相在色调系列中的位置，明确的分析出色相的明度、纯度的成分含量。

二、色调系列的组织结构

色调系列是由24个色相与9个色调组成的，如图1，看到色调系列的24色色环。

从图1中的24色环，我们可以总结一下24色系的组织结构：

Pccs色彩体系的色环的结构，是依据“三原色学说”为理论基础的。以红(R)、黄(Y)、蓝(B)为三主色，由红色和黄色产生间色——橙(O)；黄色与蓝色产生间色——绿(G)；蓝包与红色产生间色——紫(P)，组成六色相。在这六个色相中，每两个色相分别再调出三个色相(如图1)．便组成24色色相环。

9个色调是以24色相为主体、分别以清色系、暗色系、纯色系、浊色系色彩命名的。色调与色调之间的关系同色彩体系的三要素关系的构架是一致的，明暗中轴线由不同明度的色阶组成。

靠近明暗中轴线的色组、是低纯度的浊色系色调，Ltg色组、g色组。

远离中轴线的色组、是高纯度的v色、b色组；靠近明暗中轴线上方的色组，是高明度的清色系P色组、Lt色组。

中轴线下方的色组，是低明度的暗色系，dp色组、dk色组。中央地带的色组，是明度、纯度居中的d色组。

由此，形成9组不同明度、不同纯度的色调如下：

1.v色组，纯度最高．称纯色调。

2.b色组，明度、纯度略次，称中明调。

3,Lt色组，明度偏高，称明色调。

4.dp色组，明度偏低，称中暗调。

5.dk色组，明度低，称暗色调。

6.p色组，明度高、纯度略低，称明灰调。

7.Ltg色组，明度中、纯度偏低，称中灰调。

8.d色组．明度中、纯度中，称浊色调。

9.g色组，明度低、纯度低．称暗灰调。

一、色调的分类

配色的一般规律为：任何一个色相均可以成为主色(主色调)，与其它色相组成互补色关系、对比色关系、邻近色系和同类色关系的色彩组织。

二、各色调之间的关系

首先我们通过图示直观的理解色点间关系的分类，如图2。然后再详细地分析不同关系的色调组合在一起的色彩视觉，心里效果。

1）互补的关系

在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相，均是互补色关系。互补色结合的色组，是对比最强的色组。使人的视觉产生刺激性、不安定性。如果配合不当，容易产生生硬、浮夸、急躁的效果。因此要通过处理主色相与次色相的面积大小，或分散形态的方法来调节、缓和过于激烈的效果。

图3是一组橙蓝互补色对比的色组，橙色面积大而且加入辅助色红色，起了主导色调的作用，效果既艳丽、辉煌又安然，恰列好处。

2）对比色关系

色项环中相距135度或者彼此相阳八几个数位的两色，为对比色关系，属中强对比效果的色组。色相感鲜明，各色相互排斥，既活泼又旺盛。配色时，可以通过处理主色与次色的关系而达到色组的调和，也可以通过色相间秩序排列的方式，求得统一和谐的色彩效果。图4属中明调，正是这种秩序排列形式的应用。）邻近色关系

色相环中相距90度，或者相隔五六个数位的两色，为邻近色关系，属中对比效果的色组。色相间色彩倾向近似，冷色组或暖色组较明显，色调统一和谐、感情特性一致。图5为蓝紫红调色组，是明色调邻近色对比关系。

(4)同类色关系

色相环中相距45度，或者彼此相隔二三个数位的两色．为同类色关系，属弱对比效果的色组；同类色色相主调十分明确，是极为协调、单纯的色调。图6为蓝绿调色组，组成恬静柔美的效果。

三、色调的象征意义及欣赏

1.鲜明的纯色调（v）

纯色调是由高纯色相组成的色调，每一个色相个性鲜明，具有挑战性、令人振奋、赏心悦目。强烈的色相对比意味着年轻、充满活力与朝气。下面我们欣赏几幅纯色调的图片。如图7.2.清新的中明调(b)

中色调的刺激感仅次于高纯色调，中色调加入了白色，提高了明度。因此县的清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。我们欣赏几幅中色调的图片。如图8

3.明净的明色调（lt）

明色调属于青色系列，其特征是加入了多量的白色，提高整体色调的明度，色感相对减弱。明色调犹如春天的新绿，透明清丽、明净、轻快。以明色调的暖系列为主的配色，有甜美、风雅之味道，像少女般的清纯。明色调的冷系列显得清凉、爽快。如图

4.高雅的明灰调（p）

这是在全色相色系大量的调入浅灰颜色，是色相全部带有灰浊味。由于过多调入灰白色，色相的明度提高了，形成高明度的灰调子，这是明灰调的特征。明灰调以平静的感觉，蕴含着高雅与恬静，显示出另一种美的境界。如图

5.朴实的中灰调（ltg）

中灰调是一组中等明度的含灰色调，色相环中所有颜色均调入中灰色，是纯度降低，色相感淡薄。中灰调带有几分深沉与暗淡，有着朴实、含蓄、稳重的特色。如图

6.浑厚的暗灰调（g）

色相环中所有颜色均调入暗灰色，使色相感呈低弱灰暗的灰调。就像乌云密布、阴郁暗淡，令人压抑。如图

7.中庸的浊色调（d）

浊色调居于色彩体系的明暗中轴线与高纯色之间的位置，具有明显的色彩个性，有宜于调和色调。如图

8.稳重的中暗调（dp）

中暗调署与暗色系色彩，调入了少量黑色。此色调在保持色相原有的基础上有笼罩了一层较深的调子，显得稳重老成、严谨与尊贵。如图

9.深沉的暗色调（dk）

暗色调入了大量的黑色，形成浓浓的深色调。隐约略显各色的相貌，这是暗色调的特征。表现出深沉、坚实、冷静、庄重的气质。如图

第四篇：色彩系列教程：色系和色调

色彩系列教程：色系和色调

文章来源：中国站长站 作者:阿婷整理 更新时间：2007-4-11 10:34:03

一、色调和色系的概念

PCCS（Practical Color-ordinate System）色彩体系是日本色彩研究所研制的，色调系列是以其为基础的色彩组织系统。其最大的特点是将色彩的三属性关系，综合成色相与色调两种观念来构成色调系列的。从色调的观念出发，平面展示了每一个色相的明度关系和纯度关系，从每—个色相在色调系列中的位置，明确的分析出色相的明度、纯度的成分含量。

二、色调系列的组织结构

色调系列是由24个色相与9个色调组成的，如图1，看到色调系列的24色色环。

从图1中的24色环，我们可以总结一下24色系的组织结构：

Pccs色彩体系的色环的结构，是依据“三原色学说”为理论基础的。以红(R)、黄(Y)、蓝(B)为三主色，由红色和黄色产生间色——橙(O)；黄色与蓝色产生间色——绿(G)；蓝包与红色产生间色——紫(P)，组成六色相。在这六个色相中，每两个色相分别再调出三个色相(如图1)．便组成24色色相环。

9个色调是以24色相为主体、分别以清色系、暗色系、纯色系、浊色系色彩命名的。色调与色调之间的关系同色彩体系的三要素关系的构架是一致的，明暗中轴线由不同明度的色阶组成。

靠近明暗中轴线的色组、是低纯度的浊色系色调，Ltg色组、g色组。

远离中轴线的色组、是高纯度的v色、b色组；靠近明暗中轴线上方的色组，是高明度的清色系P色组、Lt色组。

中轴线下方的色组，是低明度的暗色系，dp色组、dk色组。

中央地带的色组，是明度、纯度居中的d色组。

由此，形成9组不同明度、不同纯度的色调如下：

1.v色组，纯度最高．称纯色调。

2.b色组，明度、纯度略次，称中明调。

3,Lt色组，明度偏高，称明色调。

4.dp色组，明度偏低，称中暗调。

5.dk色组，明度低，称暗色调。

6.p色组，明度高、纯度略低，称明灰调。

7.Ltg色组，明度中、纯度偏低，称中灰调。

8.d色组．明度中、纯度中，称浊色调。

9.g色组，明度低、纯度低．称暗灰调。

一、色调的分类

配色的一般规律为：任何一个色相均可以成为主色(主色调)，与其它色相组成互补色关系、对比色关系、邻近色系和同类色关系的色彩组织。

二、各色调之间的关系

首先我们通过图示直观的理解色点间关系的分类，如图2。然后再详细地分析不同关系的色调组合在一起的色彩视觉，心里效果。

1）互补的关系

在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相，均是互补色关系。互补色结合的色组，是对比最强的色组。使人的视觉产生刺激性、不安定性。如果配合不当，容易产生生硬、浮夸、急躁的效果。因此要通过处理主色相与次色相的面积大小，或分散形态的方法来调节、缓和过于激烈的效果。

图3是一组橙蓝互补色对比的色组，橙色面积大而且加入辅助色红色，起了主导色调的作用，效果既艳丽、辉煌又安然，恰列好处。

2）对比色关系

色项环中相距135度或者彼此相阳八几个数位的两色，为对比色关系，属中强对比效果的色组。色相感鲜明，各色相互排斥，既活泼又旺盛。配色时，可以通过处理主色与次色的关系而达到色组的调和，也可以通过色相间秩序排列的方式，求得统一和谐的色彩效果。图4属中明调，正是这种秩序排列形式的应用。

３）邻近色关系

色相环中相距90度，或者相隔五六个数位的两色，为邻近色关系，属中对比效果的色组。色相间色彩倾向近似，冷色组或暖色组较明显，色调统一和谐、感情特性一致。图5为蓝紫红调色组，是明色调邻近色对比关系。

4)同类色关系

色相环中相距45度，或者彼此相隔二三个数位的两色．为同类色关系，属弱对比效果的色组；同类色色相主调十分明确，是极为协调、单纯的色调。图6为蓝绿调色组，组成恬静柔美的效果。

三、色调的象征意义及欣赏

1.鲜明的纯色调（v）

纯色调是由高纯色相组成的色调，每一个色相个性鲜明，具有挑战性、令人振奋、赏心悦目。强烈的色相对比意味着年轻、充满活力与朝气。下面我们欣赏几幅纯色调的图片。如图7.2.清新的中明调(b)

中色调的刺激感仅次于高纯色调，中色调加入了白色，提高了明度。因此县的清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。我们欣赏几幅中色调的图片。如图8

3.明净的明色调（lt）

明色调属于青色系列，其特征是加入了多量的白色，提高整体色调的明度，色感相对减弱。明色调犹如春天的新绿，透明清丽、明净、轻快。以明色调的暖系列为主的配色，有甜美、风雅之味道，像少女般的清纯。明色调的冷系列显得清凉、爽快。如图

4.高雅的明灰调（p）

这是在全色相色系大量的调入浅灰颜色，是色相全部带有灰浊味。由于过多调入灰白色，色相的明度提高了，形成高明度的灰调子，这是明灰调的特征。明灰调以平静的感觉，蕴含着高雅与恬静，显示出另一种美的境界。如图

5.朴实的中灰调（ltg）

中灰调是一组中等明度的含灰色调，色相环中所有颜色均调入中灰色，是纯度降低，色相感淡薄。中灰调带有几分深沉与暗淡，有着朴实、含蓄、稳重的特色。如图

6.浑厚的暗灰调（g）

色相环中所有颜色均调入暗灰色，使色相感呈低弱灰暗的灰调。就像乌云密布、阴郁暗淡，令人压抑。如图

7.中庸的浊色调（d）

浊色调居于色彩体系的明暗中轴线与高纯色之间的位置，具有明显的色彩个性，有宜于调和色调。如图

8.稳重的中暗调（dp）

中暗调署与暗色系色彩，调入了少量黑色。此色调在保持色相原有的基础上有笼罩了一层较深的调子，显得稳重老成、严谨与尊贵。如图

9.深沉的暗色调（dk）

暗色调入了大量的黑色，形成浓浓的深色调。隐约略显各色的相貌，这是暗色调的特征。表现出深沉、坚实、冷静、庄重的气质。如图

第五篇：色彩系列教程：色系和色调

色彩系列教程(2)：色系和色调

上次我们为大家介绍了色彩的基础知识，今天我们来认识色系、色调两个概念以及相关的分类。通过对色系、色调概念的理解，我们才能在设计中灵活运用各类色彩。

一、色调和色系的概念

PCCS（Practical Color-ordinate System）色彩体系是日本色彩研究所研制的，色调系列是以其为基础的色彩组织系统。其最大的特点是将色彩的三属性关系，综合成色相与色调两种观念来构成色调系列的。从色调的观念出发，平面展示了每一个色相的明度关系和纯度关系，从每—个色相在色调系列中的位置，明确的分析出色相的明度、纯度的成分含量。

二、色调系列的组织结构

色调系列是由24个色相与9个色调组成的，如图1，看到色调系列的24色色环。

图1，24色色环

从图1中的24色环，我们可以总结一下24色系的组织结构：

Pccs色彩体系的色环的结构，是依据“三原色学说”为理论基础的。以红(R)、黄(Y)、蓝(B)为三主色，由红色和黄色产生间色——橙(O)；黄色与蓝色产生间色——绿(G)；蓝包与红色产生间色——紫(P)，组成六色相。在这六个色相中，每两个色相分别再调出三个色相(如图1)．便组成24色色相环。

9个色调是以24色相为主体、分别以清色系、暗色系、纯色系、浊色系色彩命名的。色调与色调之间的关系同色彩体系的三要素关系的构架是一致的，明暗中轴线由不同明度的色阶组成。

靠近明暗中轴线的色组、是低纯度的浊色系色调，Ltg色组、g色组。

远离中轴线的色组、是高纯度的v色、b色组；靠近明暗中轴线上方的色组，是高明度的清色系P色组、Lt色组。

中轴线下方的色组，是低明度的暗色系，dp色组、dk色组。中央地带的色组，是明度、纯度居中的d色组。

由此，形成9组不同明度、不同纯度的色调如下：

1.v色组，纯度最高．称纯色调。

2.b色组，明度、纯度略次，称中明调。3,Lt色组，明度偏高，称明色调。4.dp色组，明度偏低，称中暗调。5.dk色组，明度低，称暗色调。

6.p色组，明度高、纯度略低，称明灰调。7.Ltg色组，明度中、纯度偏低，称中灰调。8.d色组．明度中、纯度中，称浊色调。9.g色组，明度低、纯度低．称暗灰调。

一、色调的分类

配色的一般规律为：任何一个色相均可以成为主色(主色调)，与其它色相组成互补色关系、对比色关系、邻近色系和同类色关系的色彩组织。

二、各色调之间的关系

首先我们通过图示直观的理解色点间关系的分类，如图2。然后再详细地分析不同关系的色调组合在一起的色彩视觉，心里效果。

图2

（1）互补的关系

在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相，均是互补色关系。互补色结合的色组，是对比最强的色组。使人的视觉产生刺激性、不安定性。如果配合不当，容易产生生硬、浮夸、急躁的效果。因此要通过处理主色相与次色相的面积大小，或分散形态的方法来调节、缓和过于激烈的效果。

图3是一组橙蓝互补色对比的色组，橙色面积大而且加入辅助色红色，起了主导色调的作用，效果既艳丽、辉煌又安然，恰列好处。

图3

（2）对比色关系

色项环中相距135度或者彼此相阳八几个数位的两色，为对比色关系，属中强对比效果的色组。色相感鲜明，各色相互排斥，既活泼又旺盛。配色时，可以通过处理主色与次色的关系而达到色组的调和，也可以通过色相间秩序排列的方式，求得统一和谐的色彩效果。图4属中明调，正是这种秩序排列形式的应用。

图4

（3）邻近色关系

色相环中相距90度，或者相隔五六个数位的两色，为邻近色关系，属中对比效果的色组。色相间色彩倾向近似，冷色组或暖色组较明显，色调统一和谐、感情特性一致。图5为蓝紫红调色组，是明色调邻近色对比关系。

图5

(4)同类色关系

色相环中相距45度，或者彼此相隔二三个数位的两色．为同类色关系，属弱对比效果的色组；同类色色相主调十分明确，是极为协调、单纯的色调。图6为蓝绿调色组，组成恬静柔美的效果。

图6

三、色调的象征意义及欣赏

1.鲜明的纯色调（v）

纯色调是由高纯色相组成的色调，每一个色相个性鲜明，具有挑战性、令人振奋、赏心悦目。强烈的色相对比意味着年轻、充满活力与朝气。下面我们欣赏几幅纯色调的图片。如图7.图7

2.清新的中明调(b)

中色调的刺激感仅次于高纯色调，中色调加入了白色，提高了明度。因此县的清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。我们欣赏几幅中色调的图片。如图8

图8

3.明净的明色调（lt）

明色调属于青色系列，其特征是加入了多量的白色，提高整体色调的明度，色感相对减弱。明色调犹如春天的新绿，透明清丽、明净、轻快。以明色调的暖系列为主的配色，有甜美、风雅之味道，像少女般的清纯。明色调的冷系列显得清凉、爽快。如图9

图9

4.高雅的明灰调（p）

这是在全色相色系大量的调入浅灰颜色，是色相全部带有灰浊味。由于过多调入灰白色，色相的明度提高了，形成高明度的灰调子，这是明灰调的特征。明灰调以平静的感觉，蕴含着高雅与恬静，显示出另一种美的境界。如图10

图10

5.朴实的中灰调（ltg）

中灰调是一组中等明度的含灰色调，色相环中所有颜色均调入中灰色，是纯度降低，色相感淡薄。中灰调带有几分深沉与暗淡，有着朴实、含蓄、稳重的特色。如图11

图11

6.浑厚的暗灰调（g）

色相环中所有颜色均调入暗灰色，使色相感呈低弱灰暗的灰调。就像乌云密布、阴郁暗淡，令人压抑。如图12

图12

7.中庸的浊色调（d）

浊色调居于色彩体系的明暗中轴线与高纯色之间的位置，具有明显的色彩个性，有宜于调和色调。如图13

图13

8.稳重的中暗调（dp）

中暗调署与暗色系色彩，调入了少量黑色。此色调在保持色相原有的基础上有笼罩了一层较深的调子，显得稳重老成、严谨与尊贵。如图14

图14

9.深沉的暗色调（dk）

暗色调入了大量的黑色，形成浓浓的深色调。隐约略显各色的相貌，这是暗色调的特征。表现出深沉、坚实、冷静、庄重的气质。如图15

图15

本篇介绍了色调的概念，下一篇继续为大家介绍“色彩的运用”。我们将把色调、色系概念运用到实际的设计调色中，一起体会它们的表现手法，敬请关注。