色相条， 常用为 12色相 和 24色相

互补色 - 指在色相环上角度为180°的色彩，比如我们最常说到的3组互补色：红和绿、蓝和橙、黄和紫。

对比色 - 没有互补色那么严格，指的是在色相环上角度在120° - 180°之间的色彩，并且理论上来说，互补色应该也是包含于对比色之内的。比如：粉色和绿色就是对比色。

同类色 - 同类，必然是非常相近的颜色，一般在色相环上为30°之间的色彩，比如柠檬黄与中黄，就是同类色。

近似色 - 此处要和大家特别强调一下，一定要区分清同类色与近似色的区别，近似色相较于同类色，在色相环上的角度范围更大一些，一般在60°之内，也就是说，同类色属于近似色。我们可以举一个是近似色但不是同类色的例子：柠檬黄与橘黄。

参考：https://zhuanlan.zhihu.com/p/44805032

灰度图

UI设计色彩搭配表 http://www.puhuajia.com/tool/webcolor/

专业在线配色工具 http://www.puhuajia.com/tool/color/#

Material Design Color Palette https://www.materialpalette.com/blue/light-blue

colorhunt https://www.colorhunt.co/