本文与大家分享一种利用 CSS 获取图片主题颜色的小贴士。有一定的参考价值，有需要的朋友可以参考，希望对大家有所帮助。
背景
原因是微信技术集团的一个学生问，有什么方法可以获得图片的主色调？有一张图片来获得他的主色调：
利用获得的颜色值来实现类似的功能 -- 容器中有一张图片，希望背景色能适应图片的主色，如下：
每个人都有建议，有说用 Canvas 计算，有推荐专门的开源库，都挺好的。
那么，利用 CSS，能否实现这一功能？
听起来有点痴人说梦，CSS 还能达到这个效果吗？emm，利用 CSS 的确，你可以通过一种巧妙的方式获得图片的主色调。当对主色的要求不是特别准确时，这是一种方法。让我们一起来看看。
利用 filter: blur() 及 transform: sacle() 获取图片主题色
在这里，我们可以利用模糊滤镜和放大效果，近似地得到图片的主题色。
假设我们有这样一张照片：
