色彩搭配基础之色轮知识

色轮的构成

色轮的基础是黄、红和蓝 3 种颜色。这些颜色称为三原色(primary color)，因为这是唯一 无法创建的颜色。也就是说，如果有一盒水彩，你知道可以混合蓝色和黄色来得到绿色，但是 没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色。

1-1三原色

现在，如果拿出水彩盒，分别将色轮上相邻的颜色等量地混合，就会得到三间色(second- ary color)。你小时候使用蜡笔和水彩时可能已经注意到，黄色加蓝色可以变成绿色;蓝色加红 色可以得到紫色;而红色和黄色混合就得到了橙色。再在三原色之间放上这些三间色。

1-2三间色

要把色轮中的空白填满，你现在应该知道怎么做了，只需将空白两边的颜色按等量混合。 得到的这些颜色称为第三色(tertiary color 或 third color)。也就是说，黄色加橙色可以得到所谓 的橙黄色。蓝色和绿色可以混合成蓝绿色。

1-3第三色

现在已经有了一个由 12 种基本颜色构成的色轮。利用这个色轮，可以创建彼此非常协调的颜色组合。

互补色

色轮上相对(即完全对立)的颜色为互补色(complement)。由于它们如此对立，所以最佳搭配是一种作为主色，另一种用于强调。

1-4互补色

三色组

彼此等距的三种颜色通常会形成一个让人愉悦的三色组(triad)。红色、黄色和蓝色就是 一种极其流行的颜色组合，儿童产品通常都采用这种组合。由于这是三基色，所以这种组合也 称为基色三色组(primary triad)。

也可以尝试使用绿色、橙色和紫色构成的间色三色组(secondary triad)，尽管不那么常 用，但出于以上原因，这种组合也让人很舒服。

除了红、黄、蓝构成的基色三色组以外，所有三色组中的三种颜色都有基础色使其相互连 接，因此看上去非常协调。

1-4三色组

分裂互补三色组

另一种形式的三色组称为分裂互补三色组(split complement)。从色轮的一边选择一种颜 色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧 的颜色。这样得到的组合会有一种更为细致的颜色边界。以下是这种组合的两个例子。

1-5分裂互补三色组

类似色

类似色(analogous)组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜 色，它们都有相同的基础色，这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似 色(亮色和暗色将在下一页解释)，效果将相当醒目!

1-6类似色

以上色轮知识参考《写给大家看的设计书》。

配色网站推荐：

https://www.materialpalette.com

https://uigradients.com/#ColorsOfSky

签名：

【总监】十二春秋之，[email protected]；

【Master】zelo，[email protected]；【运营】狼行天下，[email protected]；

【产品设计】流浪猫，[email protected]；【体验设计】兜兜，[email protected]；

【iOS】淘码小工，[email protected]；iMcG33K，[email protected]；

【Android】人猿居士，[email protected]；思路的顿悟，[email protected]；

【java】首席工程师MR_W，[email protected]；【测试】土镜问道，[email protected]；

【数据】喜乐多，[email protected]；【安全】保密，你懂的