如何获取网页上像素的颜色(Firefox浏览器)?

如何获取网页上像素的颜色(Firefox浏览器)?
Rainbow Color Tools是一款功能非常强大的色彩工具,对于网页设计和开发人员来说,在色彩管理和使用上是不可或缺的工具之一。

使用Rainbow,您可以对网页上任何元素任何地方的色彩进行分析,比如提取某个像素的界面颜色、背景颜色,提供了特别方便的工具,仅仅需要开启选取之后用鼠标对准要提取色彩的地方就可以了。

Rainbow还提供了一个强大的网页配色方案的分析工具。大部分网站的整体配色方案都是很有讲究的,也有很多网站提供整套的网站配色方案。现在使用Rainbow,您可以直接获取任何网站或者网页的配色方案。

安装方法:
按照以下步骤依次点开操作,然后搜索Rainbow即可。安装成功后并开启它,将会见到如上面图所见到的红圈里的界面。
打开Firefox -> 工具 -> 附加组件

使用办法:
如上面所说的,只要点击以下那个红圈里的彩虹图片,将鼠标移动到任意网页你想要拾取颜色的那个地方,再点击一下鼠标即可。


在您得到了这些色彩的数值或者整体的配色方案之后,Rainbow还提供了强大的色彩管理功能,直接可以保存在Rainbow的数据库中,方便您今后使用在自己的网站设计中。Rainbow支持多种颜色格式的输出,可以直接输入适合CSS中色彩定义的格式,像#ff00ff;这样的格式。

使用Rainbow也很简单,他会在火狐下面的状态栏上添加一个图标,左键单击进入色彩选取模式,直接可以使用鼠标获取某个元素的色彩;也可以右键点击弹出菜单,对应着斯中功能:

Inspector模式:直接用鼠标在页面上选取色彩;
Picker模式:弹出选取色彩对话框,可以进行更为强大的色彩选取;
Library:打开您的色彩库,管理您收集的所有色彩;
Website Analyzer:可以对当前标签页所在的网页进行全面色彩分析,给出网站的整体配色方案。

遗憾的是,这个扩展的中文支持不好,操作界面都是英文的。不过,安装和操作都非常方便,有需要的朋友可以试试。


2