原文链接：https://www.zcool.com.cn/article/ZMTI5MDg4OA==.html
作者：元尧，蚂蚁集团设计师
交互设计中经常会遇到配色问题，比如设计师是如何确定以下这张页面中的卡片配色的？又或者：这些卡片的色块是如何挑选以保证色彩和谐的？
△ 豆瓣 App 电影榜单卡片
颜色的搭配其实是一个非常值得研究的问题。深入剖析的话内容也会很多，本文会告诉你，颜色如何挑选会更有规律，并保证基本和谐。
想要做好色彩的搭配，需了解一些色彩学概念。色彩学将颜色分为：同类色、类似色、邻近色、中差色、对比色、互补色。这几种颜色通过色相环的角度进行取色，如下图所示：
任意颜色都可以作为基色，每一个基色都有其相对应的同类色、对比色、互补色等等。
通常情况下，相邻的两个颜色，选择基色和邻近色之间的颜色，也就是与基色之间的角度 ≤ 60° 的颜色，会让页面的颜色显得和谐统一。
△ 得到 App 服务内容卡片
△ QQ 音乐 App 榜单卡片
如果选用对比色和互补色，则需要控制颜色的面积，比如以红色为主的页面中可以出现蓝色，但蓝色的面积占比最好不要超过 20%。
除了色相上的变化，颜色还有明度和纯度上的变化，对于颜色的影响也至关重要。这三个词汇的概念如下：