配色不好看？让腾讯设计师带你学习色彩三要素！

@余盼Designer ：作为一个刚入行的新人，你是否会常常被以下问题所困扰呢？我参照了模板，为什么最终效果很别扭。为什么我的页面总是花哨？大多数时候，是因为元素间的色相，明度，纯度调和不合理所致，今天我教你如何运用基础的色彩三要素，解决这些问题！

第一期回顾：《腾讯好文！配色新人应该学会的6个色彩知识点》

注：说到色彩，优设一直在跟上潮流，比如2017年的潘通流行色，刚发布不久，优设就有了相关的介绍和运用方法，想不落潮流的同学，记得多关注优设官网哟：《玩转草木绿！在这里了解2017的年度潘通流行色》

下面我从最基础的色彩三要素讲起。

一、色彩三要素

色相即每种色彩的相貌、名称，如红、橙、黄、绿、青、蓝、紫等。色相是区分色彩的主要依据，是色彩的最大特征。

明度即色彩的明暗差别，也即深浅差别。色彩的明度差别包括两个方面：一是指某一色相的深浅变化，如藏蓝、中蓝、浅蓝都是蓝，但一种比一种浅；二是指不同色相间存在的明度差别，如六标准色中黄最浅，紫最深，橙和绿、红和蓝处于相近的明度之间。

纯度即各色彩中包含的单种标准色成分的多少。纯度高的色色感强，即色度强，所以纯度亦是色彩感觉强弱的标志。不同色相所能达到的纯度是不同的，其中红色纯度最高，绿色纯度相对低些，其余色相居中，同时明度也不相同。

二、色彩的特性

红色给人积极、悦动、温暖的感觉。蓝色给人低静、消极的感觉。绿与紫是中性色彩刺激小，效果介于红与蓝之间。中性色彩使人产生休憩、轻松的情绪。

人对色彩的冷暖感觉基本取决于色调。色系一般分为暖色系、冷色系、中性色系三类。色彩的冷暖效果还需要考虑其他因素。例如，暖色系色彩的饱和度越高，其温暖的特性越明显；而冷色系色彩的亮度越高，其特性越明显。

各种色彩给人的轻重感不同，我们从色彩得到的重量感，是质感与色感的复合感觉。

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

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

三、色调象征意义

纯色调是由高纯色相组成的色调，每一个色相个性鲜明，具有挑战性、令人振奋、赏心悦目。强烈的色相对比意味着年轻、充满活力与朝气。

中色调的刺激感仅次于高纯色调，中色调加入了白色，提高了明度。因此具有清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。

明色调属于清色系列，其特征是加入了多量的白色，提高整体色调的明度。透明清丽、明净、轻快。暖色配色，有甜美、风雅之味道，冷色调则显清凉、舒服。

明灰调调入大量浅灰颜色，使画面带有灰浊味。由于过多调入灰白色，色相明度提高了，形成高明度的灰调子，这是明灰调的特征。给人平静、高雅与恬静的感觉。

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

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

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

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

最后按惯例依然给大家推荐三本好书。很高兴在现实中和刘同相遇，希望有一天能成为像他一样优秀的好青年。

以上就是我多年以来对色彩知识积累的经验之谈，希望对正在路上的设计师有所帮助。分享是一种美德我也希望以后有更多的设计经验分享出来。后边陆续会更新“色彩在设计中的应用”3。敬请期待哦~

祝大家在2017成为自己心目中的那个设计大神。

「色彩科普系列教程」

1. 红色篇：《设计师的读书笔记！带你重新全面认识色彩系列之红色篇》
2. 橙色篇：《深入浅出学配色！带你重新全面认识色彩系列之橙色篇》
3. 黄色篇：《深入浅出学配色！带你重新全面认识色彩系列之黄色篇》
4. 绿色篇：《深入浅出学配色！带你重新全面认识色彩系列之绿色篇》
5. 蓝色篇：《深入浅出学配色！带你重新全面认识色彩系列之蓝色篇》
6. 紫色篇：《深入浅出学配色！带你重新全面认识色彩系列之紫色篇》
7. 橙色进阶：《带你重新全面认识色彩系列之橙色进阶篇》
8. 蓝色+红色进阶：《超多案例！零基础学配色系列之红色+蓝色篇》

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量180万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com