广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

专业解读12 丨不会配色?因为你没搭建过“色彩体系”

发布日期:2026-01-15 08:02:06 浏览次数: 880 来源:做设计的Ronny
推荐语
色彩搭配不再难!设计师孫容带你从色环到实战,轻松掌握配色核心技巧。

核心内容:
1. 色彩基础理论:色环构成与三要素(色相、纯度、明度)详解
2. 四种实用配色方案:单色/类似色/补色/比例搭配技巧
3. 设计师实战建议:从理论到落地的配色思维与避坑指南
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!
色彩可以呈现不同的风格、表达不同的情绪等。但怎样才能正确、准确地使用色彩呢?
就需要从色彩的基础说起。我会从色环色彩基础理论实操运用色彩心理学四个方面,用简单清晰的概念,帮你搭建扎实的色彩理论体系。
PART 1: 什么是色环

➊ 三原色

红、黄、蓝,是不能通过别的颜色混合而成的基本颜色,我们叫做三原色。
➋ 色环的形成
⓵ 把这三个颜色以此混合一下:红+黄=橙色;黄+蓝=绿色;红+蓝=紫色。这里的橙、绿、紫就是次色,也叫合成色。

⓶ 继续把这些颜色进行混合,就会得到更多的颜色。再次生成的颜色叫第三色。

⓷ 把所有的颜色连接起来,形成环形,就是我们常说的色环。

PART 2: 色彩基础理论
色彩最重要也是最基本的三个概念:色相、纯度、明度

➊ 色相

色相就是颜色本身的样子,比如我们平时说的红色、绿色、紫色,说的就是这个颜色的色相。
➋ 纯度

纯度是指颜色的鲜艳程度。当在颜色中加入黑色或白色,这块颜色的纯度就会降低。在拾色器中,右上角颜色纯度最高,随着黑色和白色的加入,纯度逐渐下降。

➌ 明度

明度,就是颜色的敏感程度。你可以想象一束光照在颜色上,亮的地方明度高,暗的地方明度低。

➍ 三个基本概念+色环

我们现在把上面讲色相、纯度、明度加入到色环里,颜色就会有更丰富的变化——下面这张图是不是就很像我们平时见到的色环了。

PART 3: 实操运用

接着我们来讲色彩的几种运用方式

➊ 单色

最简单的运用方式,就是挑色环中的一个颜色,把它不同明度和纯度的色块进行搭配。

比如以下的这些画面的配色(注意,黑白不算颜色)

这种搭配方式很简单,所以肯定不会不和谐,是一种完全不会出错的保守配色思路。

➋ 类似色

色环里,小于90度相邻的颜色,可以是顺时针的90度,也可以是逆时针的90度。

这样搭配的颜色丰富且协调,我们看几个案例:

➌ 补色

补色是色环上180度对应的颜色,比如红色和绿色。

补色往往比对强烈,会有剧烈的视觉冲击,为了缓和这种冲击,我们在运用时,就要产生比例的变化。我们来做一组实验:

同样是红配绿,A方案我采用1:1的配色,有没有感觉这组配色很原始;B方案我改变了比例,是不是就相对和谐一些。

C方案中,我运用之前分享过的6:3:1的配色技巧,随便加入一块别的颜色。是不是感觉就更和谐了。

(不懂6:3:1的同学看往期链接专业解读08 丨配色好看,先从“色彩比例”开始

我们来看一些补色应用的案例:

故事 Pin 图图片

故事 Pin 图图片

故事 Pin 图图片

➍ 实战思路

随着颜色搭配理论和方案的增多,在实际应用中,色彩比例的概念就显得尤为重要。所以当我们去看一个设计时,不应该只注重它的配色,真正专业的设计师,观察的是“比例”。

初级设计师,我建议一开始选择的配色数量不要超过3个,因为你越想把所有颜色都用上,就越把控不住大量的色彩。

正确的步骤应该是:

⓵ 先确定一个主体色,作为大面积用色,可以占整体配色的60%甚至更多。

⓶ 再根据上面讲的配色理论,从色环中取第二个颜色,占剩下比例的2\3

⓷ 最后确定的颜色,就是那剩下的一点点比例的颜色。

PART 4: 色彩心理学

每一种颜色都会传递信息,而这些信息会影响人的心理和行为,这就是色彩心理学的基本概念。

我把一些常用色对应的常见意义列举在下面的图片里,需要的同学注意保存。

简单的归纳就是,纯度高的颜色让人兴奋、喜悦,纯度低的颜色显得高冷、压抑。

但需要注意的是,颜色传递的信息不是固定不断的,比如红色,在圣诞节的节日氛围中,会显得温暖、舒适。

但在库布里克的电影中,会显得危险、毛骨悚然、恐惧。

闪灵红色浴室微缩模型: r/StanleyKubrick

所以在色彩的搭配中,需要根据所搭配的物件、场景、比例面积来进行调整。而色彩的运用是需要进行大量练习来提升的。

后期我会在我的设计群里组织大家练习,感兴趣的同学可以扫描后面的二维码加群。

-END-


优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询