使用ColorZilla,您可以从浏览器的任意位置获取颜色读数,快速调整此颜色并将其粘贴到另一个程序中。 您可以分析页面并检查其颜色的调色板,还可以创建高级多站式CSS渐变。
插件简介
高级吸管、颜色选择器、渐变生成器和其他丰富多彩的好东西
ColorZilla 是最受欢迎的 Firefox 开发者扩展程序之一,下载量超过 500 万次,终于可用于 Chrome!
使用 ColorZilla,您可以从浏览器的任何位置获取颜色读数,快速调整该颜色并将其粘贴到另一个程序中。它可以做更多...
== 特点 ==
✓ 吸管 - 获取页面上任何像素的颜色
✓ 高级拾色器(类似于 Photoshop 的)
✓ 终极 CSS 渐变生成器
✓ 网页颜色分析器 - 为任何网站获取调色板
✓ 带有 7 个预装调色板的调色板查看器
✓ 最近选择的颜色的颜色历史
✓ 显示元素信息,如标签名称、类别、id、大小等。
✓ 自动将选取的颜色复制到剪贴板
✓ 键盘快捷键
✓ 获取动态悬停元素的颜色
✓ 单击开始颜色选择(目前仅在 Windows 上)
✓ 从 Flash 对象中挑选颜色
✓ 在任何缩放级别选择颜色
插件安装使用
1、下载本页面插件后,将解压后的crx文件拖拽到浏览器扩展管理页面(注:需打开开发者模式),即可添加扩展程序。
2、安装插件后浏览器右上角会显示插件图标,点击插件图标会弹出许多功能选项。
3、第一个选项会在网页中鼠标会变成黑色十字型是鼠标点选器 ,可提取网页背景色。点击鼠标点选器后,出现一个黑色的数值条,鼠标指针变成十字形,将其移动到当前网页任何有颜色的地方,显示条上会出现对应颜色和颜色的代码值,恩很好,当我们发现自己喜欢的颜色时,选择这个功能,就能立马得到所想要的颜色RGB值或者十六进制值了。
4、点击color picker会进入调色板,可以将颜色的代码值拷贝并粘贴到网页代码中去。
5、Css gradient generator 这个功能很强大,能够将颜色进行渐变,而且还能生成对应的能够兼容所有浏览器的css代码。堪比ps,HTMLer再也不需要到ps中画渐变图啦!省时省力。使用方法很简单,只要选择好自己喜欢的渐变的颜色就行,基本跟ps的渐变用法一致,最后在右下角会生成css代码,直接拷贝粘贴到自己的css文件中就可以啦!点击copy to clipboard可将调色板上的颜色进行复制。点击Web page color Analyzer会查找当前页面的CSS颜色。
6、点击Css gradient generator则会弹出一个页面,在这里,使用者可以将颜色进行渐变,而且还能生成对应的能够兼容所有浏览器的css代码。

扫码关注公众号,发【识别码】获取