技术解读《延禧攻略》的色彩搭配

阅读难度：★★☆☆☆

技能要求：机器学习、数据可视化

字数：1500字

阅读时长：6分钟

本文接上一期《用word2vec解读延禧攻略人物关系》，从另外一个角度（色彩），对延禧的剧照及海报的颜色在数据上进行技术解读。通过从网上收集的剧照、海报图片等，经MCCQ算法及的训练，构建配色图谱，最后通过可视化的方式进行展示。

1

技术原理

网上有一篇分析《延禧攻略》色彩的文章，不过一看就是人工提取出来的颜色。我们用机器提取颜色看看效果怎么样？见下图：

上面的5个是人工提取的，下面的8个是机器提取出来的。从数量上及真实还原图片颜色的角度，机器更加灵活可控。

我们再让机器从画面上提取更多的颜色出来，见下图：

瞬间提取18个颜色，并且可以快速得得到颜色的HEX及RGB对应的色值。

这里面提取颜色的算法是MCCQ算法：

Median-Cut Color Quantization

中位切分算法



“一个蛋糕切成八块只能切三刀应该怎么切？”这道题目应该大部分人都见过吧，中位切分算法的原理有点像切蛋糕。只不过我们是把一张图片的像素投射到一个色彩空间里，这个色彩空间就是一个长方体。假设我们需要提取出6个主题颜色，我们先找到最长的一边切割，保证切割后的2个长方体内包含的像素数量相同，只要不断地重复这个过程，直至我们把1个长方体切成6份，每一份长方体包含的像素数量相同。这6个长方体所代表的颜色，就是我们所要找的6个主题颜色。

2

探索色彩规律

MCCQ除了从1张图中提取颜色，还可以从大量的图片中总结色彩规律。我们先从网上收集一些图片，大概1300张：

先从1300张剧照中提取主体颜色，共计15600个色块，见下图：

密密麻麻的颜色看起来一点规律都没有，我们再次把颜色进行提炼，继续使用MCCQ算法，并且我们把颜色的色值对应到中国传统颜色的名称上，见下图：

如上所示，我们从15600个剧照颜色中找到了20个中国传统色的名称及颜色。

ps：下次有人问到《延禧攻略》用到的传统颜色有哪些，回答以上的20个，是不是显得有文化多了？

3

海报的配色

从网上下载80张海报图片，如下图所示：

我们继续从80张海报中提取主体颜色，共计2736个，同样的也是看起来密密麻麻的，如下图：

我们把2736个海报颜色提取出使用最多的20个，并分类到对应的中国传统颜色上，如下图：

可以看出海报的用色浓重，对比强。除了海报设计的配色规律，还可以针对单张海报提取配色：

4

配色图谱

接下来我们来构建一个色彩的图谱，主要关注颜色配色比例及搭配方案。我们继续使用15600个剧照颜色，先映射到传统颜色空间，然后使用word2vec计算每个颜色的向量。最后，保留前50个用量最大的颜色，节点越大表示颜色被使用次数越多，他们之间的连线表示颜色经常同时出现在一张图片中。如下图：

我们探索下这个配色图谱，把鼠标移动至赫红色，可以查看赫红色建议搭配的其他颜色，及之间的比例关系，如下图：

淡绿色相关的搭配及配色比例：

枣红色相关的配色方案：

以上为全文。

图谱体验地址，公众号回复“色彩”，获取。

-----------

9月

mixlab线下活动推荐：

我们在9.1号准备了一期的workshop，帮助0基础的同学掌握编程技能及设计技能，花一天时间即可学会小程序开发&设计。课程特点：线下面对面沟通，高效学习，同时可以获得线上的指导。

点击置底“阅读原文”报名

--------------------------------------

MixLab 是一所面向未来的实验室，它提倡“跨界创新，开放成长”的理念。因为不设边界，让创新有了更多可能；因为开放性和包容性，让每一个跨界者都能在这里充分成长。因此，MixLab的中文名字叫做“无界社区”。

MixLab 通过去中心化的模式，让社群里的跨界者互帮互助来共同成长。

在这里我们没有绝对的精英，我们相信每个人只要不断突破自己的认知边界，你就能成为精英。因为，哪怕只有一天的跨界也能激发无限可能性。我们认为创新者就是能帮助他人把不同领域价值有效融合在一起的人。在这里我们不培养技术专家，我们培养创新精神和创新者。让每一个普通人成为创新驱动器是这个社群的共同愿景。

——跨界 开放 互助 学习 思维 创新

mixlab期待您的加入！

赞赏的方式可以是点广告～