编者按：UX/UI设计都离不开颜色。颜色的运用看似属于艺术的范畴，但对于UX/UI设计来说，其实有一系列的科学理论支撑。为了帮助大家对色彩的运用有一个系统的了解，Christine Vallaure提供了这份终极的色彩指南。原文发表在medium上，标题是：Ultimate Guide to Color in UX/UI Design。
色彩是 UI 设计的主要元素之一。它可以把对你产品的第一印象从精致酷炫变成自由疯狂。这项工作不在于怎么把漂亮的颜色混合，而在于要建立起一个系统。不过还是让我们从最基础的地方开始，再慢慢进阶到专业级别：
色值。什么时候该用什么。
记录颜色可以用不同的方式，你可能会碰到的最常见包括Pantone、CMYK、HEX 和 RGB。屏幕设计一般只用 HEX 和 RBG，但了解它们之间的差异仍然很重要，因为很可能你需要在线上和线下做品牌的颜色处理。
Pantone → 用于打印
潘通色卡。资料来源：Pantone 官方网站
这是墨水的精确混合，所以全球用的都是是相同的颜色。你没法在家用打印机上打印出潘通色，但可以去查看潘通官方的色彩手册作为参考。专业打印机则可以为你获取特定的潘通色，并将其添加到自己的机器里面去打印。因此，打印潘通色通常价格更贵，这就是为什么潘通色主要用于需要跨媒体匹配的logo或品牌元素上面，其余的都是用CMYK。
CMYK → 用于打印
CMYK
把青色（C）、品红色（M）、黄色（Y）以及黑色（K）四种颜色混合叠加到一起的CMYK，是所有其他颜色打印的基础。家用打印机和专业印刷厂用的也是这四种颜色。
RGB → 用于 UI 设计
RGB
RGB 代表的是红色、绿色和蓝色。显示器放射的就是这些颜色，也就是说这些颜色是靠光而不是墨水形成的。光的色谱范围比印刷品更广。由于系统的不同，平面印刷和屏幕颜色永远都没法 100% 匹配。不过只要调色板本身协调就没问题。只需要注意到这一点就行。
在 UI 设计当中给 RGB 赋值时，它的取值范围是 0-255，比方说 R=255、G=255、B=255 或 RBG=255,255,255 表示白色，而 RGB=0、0、0 表示黑色。
RGBA → 用于 UI 设计
跟RGB 一样，A 代表另加的 alpha 通道。Alpha 的取值在 0.0（完全透明）与 1.0（完全不透明）之间，可调节透明度。
所以，比方说 RGBA = 255, 255, 255, 0.5 表示的是透明度为50%的白色。