配色协调:色彩基调

颜色无优劣区分,但搭配使用的方案却有优劣之分。区分图表中多个系列及融合图表在上下文关系时,配色就是协调不同色彩的搭配。图表色彩搭配得当,会使人赏心悦目,可以帮助我们充分有效地来完成图表诉求的表达;不过往往我们会迷失在对色彩的刻意追求中,导致图表过于美术化,而忘记了图表的真正目的。

图表是由具有某种内在联系的各种色彩,协调统一组成的一个整体。一般而言女生的色彩感强过男生,女生每天开门三件事:梳妆、穿戴、饰品,培养了女生较强的色彩感。色彩感其实就是色彩布局的整体基调,这个基调给人的感觉与氛围,会先入为主影响人接收信息的多少。为了使图表呈现稳定协调的感觉,将人视觉中图表色彩按主次位置及角色分为以下几个概念(图4.3-1对这几个概念进行了图示化说明):

色彩基调的用色逻辑

图4.3-1 色彩基调的用色逻辑

■ 主基色:图表色彩的总趋势,一般为在图表上占主要视觉表达面积的图表系列。

■ 辅助色:烘托、支持、融合图表主基色,用来辅助说明图表诉求。

■ 强调色:在图表上强烈突出某个局部,以加强图表诉求的表达。

■ 背景色:衬托环抱图表整体的色调,起协调、支配图表整体的作用。

提示


一般状况下,白色用作背景色来使用,黑色用作文字标注来使用,人眼不会在第一时间关注白色、灰色、黑色这类中性色。


图表中其他色均是主基色冷暖、明暗、清浊等心理感觉的陪衬,切勿成为整体基调的色彩干扰源。同时也要考虑应用中图表与上下文的融合,比如在PPT中,模板是暖色基调,所用到的图表整体基调就不能过冷。

Excel的HSL颜色模式

HSL颜色模式的取色分析

考虑到人的视觉对红、黄、绿、青、蓝、紫六个色光标准色的直观感受,以下的分析采用六棱双锥型HSL色立体来分析(如图4.2-18所示)。该色立体最大横截面积处于亮度中心(Excel中亮度数值为128),此时红、黄、绿、青、蓝、洋红六个标准色光处于六棱型6个棱角(Excel中饱和度数值为255)。在Excel中,不论色调和饱和度数值等于多少,当亮度为0时为黑色;当亮度为255时为白色。

六棱双锥型HSL色立体结构

图4.2-18 六棱双锥型HSL色立体结构

将六棱双锥型HSL色立体以色调数值0和42(红色和黄色)夹角沿亮度轴剖开,可见红色色调的不同亮度及饱和度的色彩集合(见图4.2-19和图4.2-20所示)。

HSL色立体以红色和黄色为夹角沿亮度轴剖开示意

图4.2-19 HSL色立体以红色和黄色为夹角沿亮度轴剖开示意

HSL红色色调的不同亮度和饱和度的色彩集合

图4.2-20 HSL红色色调的不同亮度和饱和度的色彩集合

图4.2-21给出了HSL红色色调在不同亮度和饱和度时的色彩集合分析示意。

HSL红色色调的不同亮度和饱和度的色彩集合分析示意

图4.2-21 HSL红色色调的不同亮度和饱和度的色彩集合分析示意

HSL颜色模式的参数选择

HSL颜色模式的色调设置可采用标准取色板六棱型的“蜂巢”来设定。图4.2-22“蜂巢”中所示六棱边框所在的色彩,由于色调分布均匀且基本无重复,推荐以此来做色调的基调设定。

标准取色板“蜂巢”六棱边框所在的色彩

图4.2-22 标准取色板“蜂巢”六棱边框所在的色彩

亮度的选择推荐使用在85~170之间的数值,亮度过高则色彩刺眼,亮度太低则图表显得昏暗不够醒目;饱和度的选择推荐使用在85~204之间的数值,饱和度过高则色彩太过艳丽抢眼,饱和度太低会显得图表不纯净。这两个参数的使用存在相互关系,当亮度过低或过高时可适当加大饱和度;当亮度低于51或高于200时饱和度的调整意义不大,人眼无法有效分辨这些色彩的细微差异。

Excel取色板

Excel所有版本均采用统一的取色面板,该取色面板由两部分组成:标准和自定义(如图4.2-10和图4.2-11所示)。标准取色板由一个六棱型“蜂巢”组成,仅包含了126个彩色和17个非彩色(即白色、黑色和15个梯度灰色),共计143个颜色;自定义取色板由一个展开的色谱和可以设定颜色模式及其参数的数值选框组成,该面板可以最多设置16777216种颜色(即我们通常所说的:24位色),如果被设置图形对象支持透明,则可设置0%~100%的101个梯度透明度。

标准取色板

图4.2-10 标准取色板

自定义取色板

图4.2-11 自定义取色板

提示


1)尽管Excel 2003及以往版本使用基于56索引色机制调色板,但并不是一个单一的工作簿仅可以使用56种颜色,Excel的自选矢量图形可以使用到32位色。

2)Excel 2007和2010版本的颜色管理机制完全不同于Excel 2003,矢量图形对象支持32位色,文字和单元格使用24位色,因为这些对象并不支持透明。

3)24位色已是人眼可分辨颜色的极限,32位色是在24位色基础上增加了8位(28=256级,Excel实际只具有0~100个整数级别)的透明Alpha通道,从这个意义上来讲,Excel 2007和2010版本并非可以使用到43亿种颜色,即便如此,目前也无任何显示器可以完全显示这些颜色。


标准取色板的取色机制

标准取色板六棱型的“蜂巢”从12点方向顺时针来看:依次排列着从青蓝到青色的多种颜色(如图4.2-12所示),这个“蜂巢”实际就是一个非标准的变形色环(图4.2-13提供了一个以青蓝为基色的24段标准调色环)。

标准取色板六棱型的“蜂巢”

图4.2-12 标准取色板六棱型的“蜂巢”

以青蓝为基色的标准24段色环

图4.2-13 以青蓝为基色的标准24段色环

在这个漂亮的“蜂巢”色环中,绝大多数的颜色为Web网络安全色,且含有大量R、G、B色彩通道包含255数值的高亮度通道,及HSL数值包含255数值的高饱和度色彩。这些强烈艳丽的色彩给人的视觉产生强烈刺激,这种刺激的迅速、警戒、醒目效果极易产生视觉疲劳,因此并不适合在图表中大面积进行色彩表达,可以将单一色彩作为图表的小面积强调。

交叉引用


有关Excel标准取色板六棱型“蜂巢”的RGB和HSL数值,请参阅:

本书“附录B Excel‘蜂巢’色彩分析”的内容。


名词解释


■ 网络安全色

RGB数值由0、51、102、153、204、255构成的颜色,共有6×6×6=216种颜色(其中彩色为210种,非彩色为6种)。

■ 间色

即“二次色”,由色环上相邻的两个原色混合出来的颜色。原色不同份量的混色,可以产生丰富的间色变化。在Excel中为:R、G、B三个色彩通道中仅有一个通道包含0数值的彩色。

:色光中青色、品红、黄色三种颜色又叫“三间色”。

■ 复色

即“复合色”、“次色”或“三次色”,它是由原色与间色或是间色与间色混合出的颜色。在Excel中为:R、G、B三个色彩通道均不包含0数值的彩色。复色是最丰富的色彩家族,复色包括了除原色和间色以外的所有颜色。


从图4.2-14和图4.2-15可以更好地理解标准取色板的“蜂巢”色环,该色环其实是来自RGB空间色立体的投影。

RGB空间色立体的投影模型

图4.2-14 RGB空间色立体的投影模型

RGB空间色立体的投影颜色集合

图4.2-15 RGB空间色立体的投影颜色集合

自定义取色板机制

这个面板的颜色模式由两个部分构成:RGB和HSL色彩空间取色(如图4.2-16所示),由于HSL色彩空间基于RGB色彩空间,HSL只是RGB的数值转换,所以两者并不矛盾。基于视觉感知来讲:HSL模式取色更加人性化,Excel提供的可视化鼠标色彩选取界面实际就基于HSL色彩空间。

两种颜色模式下的自定义取色板

图4.2-16 两种颜色模式下的自定义取色板

学习思考


1)Excel提供的可视化鼠标色彩选取界面其实只提供了HSL亮度数值为128时的色环展开,通过调整右侧亮度指示并不能改变鼠标色彩选取界面的亮度,只可以通过“新增和当前”看到最终选取色彩的亮度变化。

2)Excel给出的颜色模式选择默认是RGB,并非HSL,操作时不方便。

3)使用VBA设定图形对象色彩时无法通过HSL数值来赋值。

4)HSL的色相、饱和度、亮度在不同的软件中数值定义方式完全不同,如下表所示:


RGB的R、G、B通道数值调整选取不以人的视觉感知为基础,且R、G、B通道的数值调整极易改变色调,不能有效地配合配色,故建议通常取色时使用HSL模式,摒弃RGB模式。

将鼠标色彩选取界面放置到直角坐标系上,我们可直观了解这个基于HSL颜色模式的鼠标取色界面工作原理(如图4.2-17所示)。在Excel中当将饱和度设为255,亮度设为128,色调为0、42、85、127、170、213时可依次得到红、黄、绿、青、蓝、洋红六个标准色光,即色光三原色和色光三间色。

直角坐标系中的鼠标选取界面

图4.2-17 直角坐标系中的鼠标选取界面

Excel调色板设置

Excel 2003及以往版本

Excel 2003及以往版本通过“工具>选项>颜色”即可进入Excel调色板设置面板,如图4.2-8所示。选中某一颜色,然后通过[修改]按钮激活Excel的取色面板变更该颜色,调色板上56个颜色均可被一个个设置。通过[重新设置]按钮可以一键恢复到Excel的默认设置。通过“复制颜色来自”下拉框可以复制已经打开的Excel工作簿调色板,以此来重复使用我们设置的某一工作簿调色板。

Excel 2003调色板设置

图4.2-8 Excel 2003调色板设置

Excel 2007和2010

Excel 2007和2010通过“页面布局>主题>颜色>[新建主题颜色]”进入自定义主题颜色设置面板。如图4.2-9所示,选中某一颜色,然后通过该颜色右侧下拉箭头激活调色板来变更颜色,若对调色板色彩不满意,可通过[其他颜色]按钮激活Excel的取色面板来变更。需要说明的是Excel 2007和2010在选项的保存中依然支持Excel 2003的56色调色板,但却无法直接调用。

Excel 2007和2010自定义主题设置面板

图4.2-9 Excel 2007和2010自定义主题设置面板

认识Excel调色板

在Excel中设置色彩,我们必须要使用到颜色管理面板,不论是Excel 2003还是2007和2010,不同元素对象颜色设置均通过调用统一的调色板来完成。如何设置满意的颜色,对于不少使用者来讲很纠结,设置Excel的颜色如同开启了“潘朵拉魔盒”一样,经常放出的是“失望”。无论Excel的版本如何,一个令人满意的调色板都是管理好Excel图表色彩的关键,这不但可以帮助我们重复使用颜色,也可为我们节省颜色设置时间。设置一个令人满意的调色板,重点则在掌握合理快捷的Excel取色方法。

Excel 2003及以往版本调色板是Excel色彩管理的基础(如图4.2-1至图4.2-3所示),这些版本依赖基于56色调色板的色彩索引机制,默认设置为:其中40个颜色为标准色,16个为矢量图形对象颜色。除矢量自选图形以外的元素,即便我们通过其他方式设置了调色板没有包含的色彩,Excel也将自动通过索引方式更改为最接近的调色板颜色。同时这种调色板机制是基于工作簿的色彩管理,不同工作簿可以设置不同的调色板,但此方式并不利于在不同工作簿间重复调用调色板。

Excel 2003默认调色板

图4.2-1 Excel 2003默认调色板

图4.2-2 Excel 2003字体颜色

Excel 2003填充颜色

图4.2-3 Excel 2003填充颜色

自Excel 2007开始微软将Excel色彩设置变得更为人性化,通过其他方式设置的元素色彩即便是调色板没有该色彩,也可以被很好地保留。并且微软推出了新的调色板管理方式:“主题”(如图4.2-4至图4.2-6所示),可以自定义设置由任意12个基础色构成的多个“主题”来管理不同的调色板,同时Excel本身自带了多达45个“主题”的调色板,这些“主题”被所有Excel工作簿支持。除此之外还使用了一种图表格式化工具:图表样式(如图4.2-7图片所示),内置多达48个样式,这些样式包括了色彩及外观渲染。

图4.2-4 Excel 2007颜色主题

Excel 2007字体颜色

图4.2-5 Excel 2007字体颜色

Excel 2007填充颜色

图4.2-6 Excel 2007填充颜色

Excel 2007图表外观样式

图4.2-7 Excel 2007图表外观样式

不论是Excel 2010还是之前版本,在调色板管理上往往显得不是那么完美。尤其Excel 2003的调色板相当糟糕,默认调色板完成的图表基本就是一个草图,如果我们使用这样的图表,图表诉求将大打折扣。虽然Excel 2007和2010版本在调色板设置上,有了非常大的变革,且符合配色方案管理的需求,但就图表表情达意的根本来讲尚有不足:由于使用色彩过多,使人更加不知所措;且在某些场合色彩的过渡变化,由于感觉上的近似,会适得其反成为干扰;除此之外复杂和多变的颜色管理使得设置出来的Excel图表太过艳丽夺目,会使看到图表的读者忽略图表诉求。