colors - 如何获得网站的主色调？

Question

我在想是否有可能获得网站的“特色”颜色。例如，TechCrunch 为绿色，ReadWriteWeb 为红色，CNN 为红色，Microsoft 为蓝色，PHP 为紫色，等等...

它不一定是准确的，只是一个最佳猜测。

我的一些想法:

• 解析所有CSS规则并找到匹配最多元素的规则
• 解析所有CSS规则并找到尺寸最大的元素的背景颜色
• 获取 body 元素的背景图像并获取其主要颜色(对于图像来说这可能吗)
• 以某种方式找到网站的“标题”(DOM 中设置了背景 css 属性的第一个元素？)并获取其背景

我还需要一种方法来消除黑色、灰色和白色。

这可行吗？您还有其他想法吗？

附注对不起我的英语

Answer 1

绝对可行。您可以使用 wget工具和一些简单的正则表达式来解析 CSS 颜色。然后，您可以收集所有这些颜色并查看哪一种最常用。然而，这并不总是能够很好地代表网站中实际的主要颜色，因为许多 CSS 规则中可能会出现多种颜色，但并不经常使用。

这实际上是您这里的一个重要项目。

我的方法如下:

• 下载并解析 CSS 颜色并查找不同颜色的总数。如果只有几种颜色，您更有可能找到主要颜色。它通常是用于 <a> 的颜色。标签或 <h1>标签(但如果它们是灰色或黑/白则不然)。
• 解析时，您应该“池化”颜色，例如#FFEEEE与 #FFEAEA 相同，因为它们只是略有不同。
• 您需要将不同的 CSS 颜色转换为相同的格式，例如#FFF , #FFFFF , "white" , rgb(255,255,255) ，等等。
• 您需要为此制定规则集并具备良好的编程知识
• 查找图像中的主要颜色不再那么简单。最简单的方法是针对每个像素的每个 R、G 和 B 分量来确定哪个是主要的。如果您的像素具有值 R(120), G(240), B(80) ，它很可能是绿色的。然后计算所有像素并找到主要成分。
• @mu is too short建议将值转换为 HSV 并仅提取色调。
• 另一种高级方法包括创建三个颜色分量的直方图，然后计算直方图下方的面积。

总而言之，在我看来，您定义的任务值得写一篇论文:)