提取网页的调色板

Question

我打算用一个新的调色板重新着色一个网站。我计划首先从网页中提取颜色并确定其调色板，然后执行与调色板的一对一映射。(一)你会推荐更好的方法吗？关于这一做法，我有以下问题：

• (二)如何从网页中提取颜色？我猜是在抓取页面的样式表。但是，可能有与隐藏元素相对应的未使用的样式或颜色。( III)找到可见的DOM元素并查看它们的计算颜色是否更好？
• 如何确定网页的调色板中的原色是什么？计算颜色的频率或颜色元素的大小可能是一种选择，我想知道什么是健壮的解决方案。
• 在这种情况下，样式表不会详尽地指定网页的颜色，浏览器可能会使用默认值。(5)我如何考虑默认的颜色
• 最后，什么是覆盖网页颜色的好方法？这能通过用户样式表来实现吗？

Answer 1

(一)你会推荐更好的方法吗？如何从网页中提取颜色？为此您可以使用站点调色板。这是一个令人惊奇的Chrome / Safari / FireFox扩展，它分析网站的颜色，并在几秒钟内以非常有组织的方式呈现它们。

​

​

( III)找到可见的DOM元素并查看它们的计算颜色是否更好？我很确定这个工具只确定可见元素的颜色。

如何确定网页的调色板中的原色是什么？这是很主观的。有些人在一个网页中混合彩虹的所有颜色。假设原色存在，很难分辨原色是什么。

(六)什么是覆盖网页颜色的好方法？这能通过用户样式表来实现吗？覆盖颜色的最佳方法很大程度上取决于所使用的控制级别的框架。我不明白为什么不能通过用户样式表来实现，如果您能够识别您试图覆盖的元素。

Answer 2

我会下载图片，并创建一个调色板，从那些使用良好的图形程序(如PhotoShop，烟花，或Gimp)。另一种选择(也使用这些程序之一)是使用“滴眼器工具”在网页上对您感兴趣的任何颜色进行采样(并给您相关的rgb#以便您可以复制它)。