原文：https://mp.weixin.qq.com/s/2vWfS6H3G0pwKJ9cMvqYqw

文章摘要：

随着科技进步，人工智能设计也频繁的成为热议话题。如何通过技术还原设计配色思路，就是我们今天一起探讨的主题。

图片

当我们所做的工作重复2遍以上，就应该主动寻找其规律与解决办法。那如何利用技术手段解决重复性的设计工作呢？在设计过程中，配色是很重要的一部分。拿Banner设计举例，我们第一眼接收到的信息就是颜色，而在设计师做图的过程中会花大量的时间用于图片的配色上。接下来就让我们一起探究看看，有没有可能通过智能算色完成设计工作。

01

扫盲阶段=====================================================================

先来一波扫盲，我们看看最常见的RGB、HEX、HSB、HSL都是什么。

1.1 先来说说RGB

RGB 是从颜色的发光原理来设定的, 相当于红、绿、蓝三个颜色通过不同亮度, 来组合成需要的颜色。用灯光来解释，0就是没开灯，255就是开到最亮，所以当红色光线开到最亮而其它两个色光都不开时，就是RGB（255, 0, 0）只有红光。如果把红色光开一半，还是不开其它两个色光，RGB（127, 0, 0）那么就会变成暗红色。

图片

1.2 再来说说HEX

16进位码简写为HEX，在数学中是一种逢16进1的进位制。一般用数字 0 ～ 9 和字母 A ～ F（或 a ～ f ）表示，其中：A ~ F 表示 10 ~ 15。16进位中的第10位数字开始由于没办法写成「10」(因为两位数就是进位了)，所以在第10位数开始采用 A ~ F 这些英文字母来当作数字使用。

图片

基本上HTML & CSS中的16进位码色彩由三组数（6个数字/字母）组成，HEX 与 RGB 中每个颜色又是一一对应的关系，感兴趣的同学还可以看下RGB与HEX的转化公式。

图片