色彩三要素与配色基础

为什么配色总是第一个露怯

版式可以靠对齐撑住，字号可以靠阶梯撑住，但配色只要错一点点，整页立刻就显得土。原因很简单：颜色是大脑处理最快的视觉信息，零点几秒就已经给人留下印象。配色的门槛不在天赋，而在有没有把几个基本概念真正用起来。这一节讲色彩三要素，不是为了背理论，而是让你在改颜色的时候知道自己在改什么。

色相、明度、纯度，三个词听起来抽象，但对应到软件里就是三个可以单独调的滑块。分开调、分开想，配色就从一锅粥变成了可拆解的步骤。

色相：颜色的身份证

色相就是颜色的名字，红、橙、黄、绿、蓝、紫。色相之间的关系看色环最清楚：相邻的是邻居，相处温和；相对的是对手，对比强烈。初学者最稳的做法是只用一个主色相，从头到尾不换。只有一种主色的材料，气质天然统一。

实战中我建议新手从邻近色起步：选一个主色，再从色环上它旁边挑一个作辅助，几乎不会翻车。对比色留给真正需要强调的那一处，全篇用一次就够。

明度：被忽视的主持

明度是颜色的亮暗。很多初学者配色别扭，不是因为色相选错了，而是所有颜色明度太接近，糊成一团。判断方法很简单：把页面调成灰度模式，如果标题和背景分不清，就是明度没拉开。深底配浅字、浅底配深字，本质上都是在用明度做对比。

明度对比的量化标准可以借用摄影里的说法：正文和背景至少差三级明度。灰度模式下扫一眼就能验证，这个习惯我坚持了很多年，救过无数页面。

纯度：土味的主要来源

纯度是颜色的鲜艳程度。大红大绿之所以土，多半是纯度全部拉满。高纯度颜色像吵架，全篇都在吵反而听不见谁在说话。降低纯度（往灰色方向调）是快速提升质感的捷径：把主色纯度降两成，整页立刻安静下来。

一个实用建议：大面积用低纯度，小面积用高纯度。背景和正文区域压住纯度，只让一两个强调点鲜艳起来，页面就有了呼吸感。

色彩三要素的分工

三个要素各管一件事：色相管气质（活泼还是稳重），明度管阅读（看得清看不清），纯度管情绪（安静还是喧闹）。改颜色之前先问自己：我现在要解决的是气质问题、阅读问题还是情绪问题。带着问题去调对应的滑块，比漫无目的试色快十倍。

60-30-10：最经典的配比

配色不是选颜色，是给颜色分面积。60-30-10 法则是最经得起考验的配比：60% 主色（通常是背景的中性色），30% 辅助色（形状、标题区），10% 强调色（按钮、关键数据）。按这个比例填色，颜色再多也不会乱。

强调色为什么只有 10%？因为它贵在稀缺。满篇都是强调色，就等于没有强调。这个道理和写字加粗一样：全部加粗等于没加粗。

60-30-10 之外还有一个变体：无彩色打底。用黑、白、灰充当 60% 的主色，把彩色集中在 30% 和 10% 里。这种配法特别适合内容本身已经很多彩的页面，照片多、图表多的时候，灰色背景能让所有内容安静下来。新闻类和咨询类的材料经常用这个思路，耐看而且不挑场景。

背景色与文字色的安全牌

新手最稳妥的起点是浅底深字：米白或浅灰背景，配深灰或藏青文字。纯白配纯黑对比过强，长时间看眼睛累，把两者各往灰里拉一点会舒服很多。深底浅字适合发布会类大屏幕场景，但正文阅读材料不建议大面积使用。

文字色还有个细节：别用纯色原色当正文。正红、正蓝、正绿直接写字，都会显得跳戏。把明度降低、纯度降低，变成暗红、灰蓝、墨绿，立刻就好很多。

颜色的情绪与文化暗示

颜色本身不带含义，是长期使用赋予了它暗示。金融材料偏深蓝，因为蓝色传递稳定；餐饮类爱用橙红，因为暖色促进食欲。做配色前想一想受众的行业和场景，顺着大家的直觉走，沟通成本最低。如果是面对海外受众，还要注意颜色在不同文化里的差异，比如白色在东方语境里的意味就和西方不同。

行业色用久了会形成路径依赖，也不必完全被它绑死。创新可以，但要带着理由：科技汇报里突然用一抹亮橙，可以解释为强调活力；没有理由的跳色只会让人觉得是点错了。配色上的每一个意外，都应该是有话要说，而不是手滑。

色环的正确打开方式

色环不是用来背的，是用来查的。打开任意取色器的色环面板，把目光从圆心向外移：越靠外纯度越高，越靠内越灰。同一圈层上转一圈，色相在变而纯度不变。这个结构告诉你一件事：选颜色可以分两步走，先在色环上定一个点，再沿半径方向调纯度。很多人配色乱，是因为两步并作一步，色相和纯度一起乱动，最后自然收不住。

色环还能帮你检查色相数量。把一套材料里所有颜色标到色环上，如果点散得到处都是，就是色相没统筹。理想的分布是几个点聚在主色周围，最多再留一个孤立的对比色点。

投影环境对颜色的吞噬

电脑屏幕上调好的颜色，打到投影上往往会变样。会议室的投影仪亮度不足、窗帘没拉严，都会让颜色发灰发白。应对办法是给投影场景预留余量：明度对比比电脑上再拉大一到两级，纯度比电脑上稍高一点。如果材料确定只在屏幕上看，则按正常调即可。

养成一个习惯：重要汇报前一定要到现场或模拟环境试放一遍，站在最远的座位上看一眼屏幕。这个动作花不了几分钟，但能救回那些只适合屏幕、不适合投影的配色。颜色这件事，眼见为实，别人的参数都替代不了你站在现场的那一眼。

对比度不只是审美问题

文字和背景的对比度，直接决定后排的人能不能看清。一个经验值是正文对比度尽量做到四点五比一以上，大号标题至少三比一。不会算没关系，大部分设计软件和在线工具都有对比度检查，把你的文字色和背景色输进去就能看结果。演示材料的目的是让人看见，如果看清都做不到，配色再好看也白搭。

色弱人群对红绿组合最吃力。数据图表里用红色表示增长、绿色表示下降时，最好同时加上箭头或文字标签，别让颜色承担全部信息。多一道冗余，对所有人都更友好。

学配色的三个日常练习

第一，看到好看的页面就截下来，用取色器把它的一整套颜色提取存档，分析它的 60-30-10。第二，经常做灰度检查，训练对明度的敏感。第三，限定色库练习：一套材料只用三个颜色，强迫自己在限制里做选择。限制反而出作品，这是我带新人时最常布置的作业。这些练习和素材库整理一样，属于慢功夫，参考 Obsidian 指南 的归档方法把色卡存起来，用的时候直接取。

从模仿色卡到自己调色

没有人天生会配色，成熟的设计者也是从模仿色卡开始的。先抄后化是正路：找成熟作品或品牌色卡，照着用，用到明白它为什么好，再根据自己材料的气质微调。微调时只动一个要素，色相或明度或纯度，观察变化。这比凭空试色更有章法。我见过太多人在取色器里来回乱拖，拖两个小时还是不满意；而按要素分步调整的人，十分钟就能收工。区别不在天赋，仅仅是有没有把问题拆开。把好作品的色卡存成自己的色库，下次直接调用，效率又高一截。

配色基础的小结

三要素是骨架，60-30-10 是血肉，受众场景是灵魂。骨架清楚，配比稳定，再带着对受众的理解选色相，你的配色就已经超过大部分纯靠感觉的人。配色这件事最怕的是玄学化，好像全凭天赋；一旦拆成色相、明度、纯度三件可调的事，它就成了手艺。手艺的意思是：练一次进一步，练十次大变样。下一节我们讲三套可以直接照搬的万能配色方案，把这一节的概念落到具体色值上。在那之前，建议你打开任意一份旧材料，用灰度模式检查一遍明度对比，再看看主色的纯度是不是该降一降。动手一次，比读三遍概念管用。如果你发现旧材料一塌糊涂，别灰心，那恰好说明你已经有了判断力——能看出难看，就是变好看的第一步，谁都不是一开始就会的。做表格类材料时配色的逻辑同样适用，可以参考 Excel 工作台 里的条件格式色彩用法，两边的原理是相通的。

延伸阅读

• 三套万能配色方案，看本书下一节
• 色卡的归档管理，看 Obsidian 指南
• 数据图表的用色规则，看本书图表一章