提取网页的调色板

时间:2019-01-16 04:05:14

标签: javascript css dom colors webpage

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

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

2 个答案:

答案 0 :(得分:4)

I)您会推荐一种更好的方法吗? II)如何从网页中提取颜色?您可以为此使用Site Palette。这是一个了不起的Chrome / Safari / FireFox扩展程序,可以分析网站的颜色并在几秒钟内以一种非常有条理的方式呈现它们。

Google Site Palette

III)找到可见的DOM元素并查看其计算出的颜色会是一个更好的主意吗?我很确定该工具只能确定可见元素的颜色。

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

VI)覆盖网页颜色的一种好方法是什么?可以通过用户样式表来实现吗?覆盖颜色的最佳方法很大程度上取决于您使用的控件级别。如果您能够识别要覆盖的元素,我不明白为什么无法通过用户样式表实现。

答案 1 :(得分:1)

我会下载图像并使用良好的图形程序(例如PhotoShop,Fireworks或Gimp)从那些图像中创建调色板。另一个选择(也使用这些程序之一)是使用“滴管工具”对您感兴趣的网页上的任何颜色进行采样(并为您提供相关的rgb#,以便您进行复制)。