我自己配色很乱。在网上看到一些大神做的配色很舒服，找不到原因 现象的背后一定有规律性，今天的文章就是要解决这个问题 色彩概念中最能改变色彩印象的是色相，色相是色彩明度和饱和度的结合，色相决定了画面的色调和氛围 无论你在画面中使用多少种颜色，只要色调(亮度和饱和度)统一，自然就会形成和谐的配色效果 以下正式进入:配色强制大法第二部——协调配色以下是电商设计中最常见的两种配色方案 ▌配色法:匹配不同的色调，调整不同颜色的亮度和饱和度，使其一致或相近。这是最基本的配色原则 ▌配色协调法2匹配相同的色调，只需调整颜色的亮度和饱和度，也可以达到和谐的效果 看来无论我们用哪种配色方法，都要先搞清楚色相、明度、饱和度(HSB模式) 只要了解这三个属性，就可以在没有太多色彩知识的情况下实现有效的色彩搭配 如果你不懂HSB，那你就是在浪费它...没关系。幸好你看到了这篇文章，开始装逼 HSB分别代表色调、饱和度和亮度 色调代表一种特定的颜色，红色、绿色等统称为色调 下面的戒指也被称为彩色戒指 饱和度是颜色的亮度，最高的颜色饱和度是纯色 拾色器最右侧的颜色饱和度最高，而左侧的饱和度最低 亮度是颜色的亮度，颜色选择器中最上面位置的颜色选择是最高亮度，而最下面的位置是最低亮度 可以看出，一种颜色有两个可调选项，即饱和度和亮度 让我们使用第一种颜色匹配方法来调整不同颜色的亮度和饱和度，使其一致或相似 为了方便大家理解，我从素材网站下载了一张海报来讲解 看这张海报的颜色。很混乱，有点花哨。使用了一些渐变和投影。每种颜色的饱和度和亮度大多不一致 然后在不改变排版构图的情况下，我调整了颜色，删除了多余的视觉噪点颜色，统一了每种颜色的饱和度和亮度，在文案周围增加了深色，做了亮度对比突出了主要信息，增加了冷暖对比。后面这篇文章会讲到。 色调统一后，纯度和亮度差异很小，感觉更舒适协调 (看到下面的H差大，所以S值和B值必须调整到差不多。)先说第二种配色，同色相配色，打开颜色的明度和饱和度。 这种配色方法将天猫官方系列活动海报体验的淋漓尽致 这种海报基本上只有一种主色调的配色。由于画面的色调是统一的，为了体现画面的层次和放松效果，在背景配色中适当加大饱和度和亮度的差异，搭配同色系的深度，突出视觉。 最后，当不同的色调匹配时，饱和度和亮度应该调整为相同 当色调相同或相似时，饱和度和亮度值应该分开