了解色彩的三大属性，提升审美素养

时间：2026-01-22 理论教育懓樺版权反馈

【摘要】：图2.1.19活动目标了解色彩的三大属性：色相、明度、纯度在Photoshop中的设置，制作出色彩的明度渐变条。活动实施设计步骤参考如下：1.运用HSB色彩模式调整色彩的属性HSB色彩模式是基于人眼的一种颜色模式，是普及型设计软件中常见的色彩模式。

活动背景

在浏览一个页面时，首先吸引我们眼球的是它的色彩布局和搭配，其次才会去看它的细节和文字。每种颜色都有自己的特点和寓意，不同时间、不同地点、不同场合我们运用色彩的要求都是不一样的。想要更好地掌握并运用色彩，必须要了解色彩的三大属性：色相、明度和纯度。就如认识一个新朋友，要知道他的名字、性格和爱好，小可对这位“色彩朋友”充满了好奇，我们也跟着她一起来认真学习吧！

知识窗

色彩的三大属性

1.色相

色相指色彩的相貌、色彩的名称，是色彩的最基本特征，也是一种色彩区别于另一种色彩最主要的因素；基本的色相包括红、橙、黄、绿、青、蓝、紫等，它们都各自代表一种具体的色相，它们之间的差别属于色相差别。根据光谱顺序可形成不同细分层次的色相环，如图2.1.12所示。

不同的色彩相貌带给人们视觉心理会有不同的变化，了解不同色相的色彩心理，并能合理选择合适的色相色彩运用在设计中，能够提升消费者对网店的品牌认同度，从而促进销售。

例如：红色的色感温暖，性格刚烈而外向，容易使人兴奋、激动、紧张、冲动。电商平台上的促销活动广告多会用红色系做主色调来设计颜色搭配，以烘托促销活动的营销氛围，如图2.1.13所示。

图2.1.12

图2.1.13

紫色具有创造、忠诚、神秘、稀有等内涵，象征着女性化，代表着高贵和奢华，通常以女性为对象或以艺术品为主的网店，如图2.1.14所示。

2.明度

明度指色彩的明暗程度，色彩有明暗、深浅的变化。白色明度最高，黑色明度最低；明度越低，颜色越暗；明度越高，颜色越明亮。不同明度程度的色彩带给人们不同的心理感受，因此针对不同产品类型，我们也要选择合适明度的色彩。明度高的色彩常用于女性用品、儿童用品，或者是喜庆的节日广告，让人感觉绚丽多姿、生机勃勃。暗色调的色彩印象有：厚重的、高级感、格调高雅的、坚固的、男性的，如图2.1.15和图2.1.16所示。

图2.1.14

图2.1.15

图2.1.16

3.纯度

纯度指色彩的纯净度和饱和程度，色彩在没有加进白色和黑色或灰色时，纯度最高。如果一个颜色中含有白色或黑色的成分越多，其纯度就会降低。纯度高的色彩非常鲜明，纯度低的色彩则比较暗淡。我们把颜色的纯度分为高纯度、中纯度和低纯度三个层次。高纯度色彩，又称艳调，是纯色或稍带灰调的鲜艳色的组合，具有强烈、鲜明、华丽、个性化的特点，如图2.1.17 所示。

图2.1.17

中纯度色彩，又称含灰调，色彩相对温和、柔软，典雅含蓄，具有亲和力，图2.1.18所示。

图2.1.18

低纯度色彩，又称灰调，接近中性灰色，色彩朦胧而暧昧，富有神秘感，如图2.1.19所示。

图2.1.19

活动目标

了解色彩的三大属性：色相、明度、纯度在Photoshop中的设置，制作出色彩的明度渐变条。

活动实施

设计步骤参考如下：

1.运用HSB色彩模式调整色彩的属性

HSB色彩模式是基于人眼的一种颜色模式，是普及型设计软件中常见的色彩模式。H是色相Hue，S是饱和度Saturation，B是亮度Brightness。HSB色彩模式可以指导我们更好地在软件操作中选择搭配颜色，如图2.1.20所示。

HSB色彩三大属性(https://www.xing528.com)

图2.1.20

（1）H——色相。

色相使用色相环表示，0°为红色，和360°重合，每调整30°即可变一种色相，如图2.1.21所示。

图2.1.21

（2）S——饱和度（纯度）。

红色是纯度最高的，在所有的色相里它的色彩最鲜艳，蓝绿色纯度最低；饱和度低色彩就偏灰。在该模式里，饱和度分0%～100%，数值越大越鲜艳，越小越柔和浅色，如图2.1.22所示。

（3）B——亮度（明度）。

亮度就是色彩的明暗程度，白色明度最高，黄色次之，紫色的明度最低。

亮度分0%～100%，数值越大越明亮（在该模式下100就是正常的鲜艳颜色不能达到变浅，只能达到变暗，所以要变浅只能改动S），越小就越暗沉，如图2.1.23所示。

把HSB模式里的明度饱和度平均划分三种程度，低度（0%～33%）、中度（34%～66%）、高度（67%～100%），即有9种色调的组合。高饱和高明度的色彩鲜艳，中饱和中明度的色彩柔和，低饱和低明度的色彩暗沉。在HSB模式中，一般来说高饱和高亮度的色彩都显得年轻有活力，饱和度低的显得浅淡。低亮的色彩显得成熟稳重沉闷。