首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

阅读难度:★★☆☆☆

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

字数:1500字

阅读时长:6分钟

本文接上一期《

用word2vec解读延禧攻略人物关系

》,从另外一个角度(色彩),对延禧的剧照及海报的颜色在数据上进行技术解读。通过从网上收集的剧照、海报图片等,经MCCQ算法及word2vec的训练,构建配色图谱,最后通过可视化的方式进行展示。

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月

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180830G0AHI200?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券