提取网页的调色板

Question

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

II）如何从网页中提取颜色？。我的猜测是抓取页面的样式表。但是，可能存在与隐藏元素相对应的未使用的样式或颜色。III）找到可见的DOM元素并查看其计算出的颜色会更好吗？
IV）如何确定网页调色板中的原色？计算颜色的频率或彩色元素的大小可能是一种选择，我想知道哪种解决方案是可靠的。
在这种情况下，样式表没有详尽地指定网页的颜色，浏览器可能会使用默认值。V）我如何也考虑默认颜色？
最后，VI）什么是覆盖网页颜色的好方法？可以通过用户样式表来实现吗？

Answer 1

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

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

IV) 如何确定网页调色板中的原色是什么？这是非常主观的。有些人在一个网页中混合了彩虹的所有颜色。假设它存在，很难说出原色是什么。

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

好吧，我应该提到我需要以编程方式访问颜色，因为我的目标是实现自动化。Site Palette 似乎没有 API。但我必须同意它是一个很好的工具。这是一个非常有用的答案。 (3认同)
专业版似乎有一个 API https://palette.site/pro/ 我自己没有使用过，但您可以查看它是否符合您的需求。免费版本似乎首先显示主色。不过，我不确定是否有任何方法可以针对该目标。 (2认同)

Answer 2

我会下载图像并使用优秀的图形程序（例如 PhotoShop、Fireworks 或 Gimp）创建调色板。另一种选择（也使用其中一个程序）是使用“滴管工具”对网页上您感兴趣的任何颜色进行采样（并为您提供相关的 rgb#，以便您可以复制它）。