2024年5月6日发(作者：)

酱油到此游Blog原创

ColorZilla取色工具

本教程出自酱油到此游Blog

一、 ColorZilla介绍

当HTMLer在浏览网站时，发现网站上的一些背景图片颜色很好看，希望能用到自己

的网站中，却焦急于不知道具体的颜色代码值。现在介绍一款由老外开发的火狐浏览器取

色插件ColorZilla。它不仅能取色，还能配色，直接将配色代码拷贝，然后粘贴到你的网

站代码中。

在ColorZilla2.8版本中，它还有个很诱人的功能，就是CSS Gradient Generator

——css渐变代码生成，能够兼容所有的浏览器。

二、ColorZilla的安装

ColorZilla插件下载地址：

/en-US/firefox/addon/colorzilla/

当然你也可以打开火狐浏览器，点击工具出现下拉菜单，选择附加组件，在右上角搜

索框中输入ColorZilla，就会跳转到最新的ColorZilla下载页面。

下载完成后，它是一个XPI格式的文件。注意，它是不能直接安装的，你只需要把这

个安装文件拖到打开的火狐浏览器窗口里就行了，会自动提示安装组件的。

酱油到此游Blog原创

三、ColorZilla的使用

安装完后，点击工具，向下能找到安装好的ColorZilla插件，如下图：

可以看到ColorZilla有5个功能。

1. 颜色选择器

点击颜色选择器后，出现一个类似调色盘的窗口，这里是让你调色的，可以将颜色的

代码值拷贝并粘贴到网页代码中去。似乎这个功能不是我们需要的，如下图：