谷歌浏览器取色器ColorZilla V0.5.5

谷歌浏览器取色器ColorZilla
大小:214KB 语言:简体中文 发布时间:2022-03-09 版本:V0.5.5 类型:国产软件 更新时间:2022-10-13
安全推荐: 360safe360安全卫士icon_sure 360sd360杀毒icon_sure diannaoguanjia电脑管家icon_sure

  ColorZilla是个很流行的谷歌浏览器取色器,(当然啦,colorzilla还支持Firefox浏览器)它为设计师提供了一种简单的浏览器平台工具来找到具体颜色数值并且测量它们的不同。它还具有一个“配色方案浏览器“,允许您选择预配置设置的颜色,容易使用而且功能极其丰富。

谷歌浏览器取色器ColorZilla

  chrome取色器插件功能介绍

  colorZilla功能很简单,对于web相关开发人员来说用处非常大,利用 ColorZilla 您可以从浏览器中的任一点读取色彩值,快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允 许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。DOM 侦测功能让您可以快速、容易地获得关于 DOM 元素的各种信息

  chrome取色器插件下载安装

  1.在谷歌浏览器中安装chrome取色器插件,并在Chrome的扩展器中colorZilla的功能,chrome取色器插件的下载地址可以在本文的下方找到,离线chrome取色器插件的安装方法可参考::怎么在谷歌浏览器中安装。crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办?

  2.colorzilla安装成功后,重启浏览器后,在浏览器的右上方有如下所示的colorzilla的图标:

  chrome取色器插件如何使用?

  colorZilla安装成功后,我们可以打开一个页面,比如我们想知道新闻的标题是用什么颜色,我们只需点击一下标签栏右上角的取色器,然后托到新闻标题上就可以了,如下图

  ColorZilla有5个功能:

  1. 颜色选择器 点击颜色选择器后,出现一个类似调色盘的窗口,这里是让你调色的,可以将颜色的代码值拷贝并粘贴到网页代码中去。似乎这个功能不是我们需要的:

  2.鼠标点选器 点击鼠标点选器后,出现一个黑色的数值条,鼠标指针变成十字形,将其移动到当前网页任何有颜色的地方,显示条上会出现对应颜色和颜色的代码值,恩很好,当我们发现自己喜欢的颜色时,选择这个功能,就能立马得到所想要的颜色RGB值或者十六进制值了。So easy!

  3. Palette Browser… 点击这个功能后,其实是跟颜色选择器一样的功能。

  4. Css gradient generator 这个功能很强大,能够将颜色进行渐变,而且还能生成对应的能够兼容所有浏览器的css代码。堪比ps,HTMLer再也不需要到ps中画渐变图啦!省时省力。使用方法很简单,只要选择好自己喜欢的渐变的颜色就行,基本跟ps的渐变用法一致,最后在右下角会生成css代码,直接拷贝粘贴到自己的CSS文件中就可以啦!

  5.Webpage Dom color analyzer… 这个功能其实就是分析并计算当前整个网页中所有用到的颜色及颜色代码值的集合,结果会出现在当前网页底部的控制台中。这个功能很直观的观察整个网页的颜色布局,对于如何配色提供参考。当鼠标移动到颜色块上时,对应的使用该颜色的元素在当前网页中会被虚线框动态的标识出来,很清楚的看到网页中哪些元素用到了整个颜色

  chrome取色器插件注意事项

  1、chrome取色器插件安装后需重启浏览器才能生效。

  2、更多的开发者插件可以本站:开发者插件

  网页取色器插件-ColorZilla基本信息

  插件名称:网页取色器插件-ColorZilla

  插件作者:colorzilla.com

  插件语言:English

tag

原文链接:https://www.chromezj.com/chromeqsqcj.html  转载请标明

返回顶部