当前位置: Chrome插件首页 > 开发者插件 > 网页取色器插件-ColorZilla Chrome插件

网页取色器插件-ColorZilla Chrome插件

开发者插件
 

网页取色器插件-ColorZilla Chrome插件图文教程

ColorZilla插件概述

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

ColorZilla插件功能介绍

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

ColorZilla插件下载安装

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

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

colorzilla安装成功
ColorZilla插件如何使用?

colorZilla安装成功后,我们可以打开一个页面,比如我们想知道新闻的标题是用什么颜色,我们只需点击一下标签栏右上角的取色器,然后托到新闻标题上就可以了,如下图
colorzilla使用方法
 ColorZilla有5个功能:
1. 颜色选择器  点击颜色选择器后,出现一个类似调色盘的窗口,这里是让你调色的,可以将颜色的代码值拷贝并粘贴到网页代码中去。似乎这个功能不是我们需要的,如下图:
colorzilla取色
2.鼠标点选器  点击鼠标点选器后,出现一个黑色的数值条,鼠标指针变成十字形,将其移动到当前网页任何有颜色的地方,显示条上会出现对应颜色和颜色的代码值,恩很好,当我们发现自己喜欢的颜色时,选择这个功能,就能立马得到所想要的颜色RGB值或者十六进制值了。So easy!

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

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

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

ColorZilla插件注意事项

   colorzilla插件安装后需重启浏览器才能生效。
更多的开发者插件可以本站:开发者插件 查看更多

网页取色器插件-ColorZilla Chrome插件图片

  • 网页取色器插件-ColorZilla插件图片
  • 网页取色器插件-ColorZilla插件图片
  • 网页取色器插件-ColorZilla插件图片
  • 网页取色器插件-ColorZilla插件图片
  • 网页取色器插件-ColorZilla插件图片

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

插件名称:网页取色器插件-ColorZilla 插件作者:colorzilla.com 插件语言:English 官方站点:http://www.colorzilla.com/chrome/ 插件唯一标识:bhlhnicpbhignbdhedgjhgdocnmhomnp

网页取色器插件-ColorZilla Chrome插件用户数和评分

下载次数:639212 用户评分:4.39972 (共5分) 参与评分人数:718

网页取色器插件-ColorZilla Chrome插件文件信息

当前版本:0.5.5 最后更新日期:2019-07-11 文件大小:214KB

网页取色器插件-ColorZilla Chrome插件下载地址

本站下载 已有 639212 人成功下载

网页取色器插件-ColorZilla 相关插件

Web Developer - 网页开发者必备工具

开发者插件 2019-02-13 23:42:46

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可

Web Developer Toolbar

开发者插件 2019-02-13 23:43:21

Web Developer Toolbar 是一款运行于chrome浏览器网页开发工具插件,内建强大的调试和设置功能,为众多的网页开发人员提供想当实用的功能,几乎是每个网页设计师必备的工具。

网页取色器插件-ColorZilla

开发者插件 2018-05-09 17:46:42

先进的吸管,颜色选择器,渐变发电机等丰富多彩的东西
Col​​orZilla,最流行的Firefox扩展开发者超过500万下载量的一个终于可以为Chrome!

随着ColorZilla你可以得到颜色从浏览

ColorPick Eyedropper

开发者插件 2018-10-29 14:13:23

一个滴管和放大器;颜色选择器工具,它可以让你从网页上选择的颜色值。
这个扩展可能还没有按预期在Mac上,你将不得不使用弹出按钮将预览在它自己的窗口,移动这一边,重新聚

Page Ruler - chrome屏幕尺子插件

开发者插件 2019-02-22 16:40:30

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速

Eye Dropper

开发者插件 2019-02-22 16:44:28

Eye Dropper是Google Chrome和Chromium的扩展。它允许您从任何网页或高级颜色选择器中选择颜色。它是Web开发人员的绝佳工具。

网页取色器插件-ColorZilla 同类插件推荐

PickyJSON Chrome插件

开发者插件 2017-05-03 13:01:11

JSON formatting and quick access to PickyJSON.com.
This is a chrome extension that provides you with:

- JSON highlighting
- Collapsible Objects and Arrays
- An input which sho

Web Audio Inspector Chrome插件

开发者插件 2018-03-11 21:02:37

This extension adds a panel to Chrome Developer Tools that lets you inspect the live web audio graph of a web page. Pan and zoom with your mouse and wheel. Inspect properties of AudioNodes by clicking

CrossHub Chrome Extension Chrome插件

开发者插件 2018-09-21 18:19:57

This extension adds hyperlinks to your TypeScript code on Github. You'll be able to click to the methods, variables or classes and go to their definitions, and also click to the declarations to find

Critical Style Snapshot Chrome插件

开发者插件 2018-08-11 15:41:17

Critical Style Snapshot (CSS)

Capture CSS above the fold with one click. Works for most websites, this extension captures 99% of the of the currently active media query CSS. Selectors like ps

Custom Redirects Chrome插件

开发者插件 2016-03-29 23:24:49

Extension allows to redirect any http request to any destination. Useful for debugging or blocking certain scripts.
This extension makes possible to redirect specified URLs to different locations.

Image Map Helper Chrome插件

开发者插件 2015-01-25 07:37:51

图像映射帮手或者设计人的Web开发( # PS :如果这个扩展不能正常工作,请更新您的Chrome浏览器) 。
图像映射帮手或者设计人的Web开发。您可以通过访问通过web或本地文件映像创建通过这个扩展图像映射。这是一个简单而直接的工具,您可以加快整个网络的发展过程。

----------------------- ------
#PS :
a)如果本机不能正常工作,请尝试更新你的Chrome浏览器的最新版本)

二)创建从本地

Stack Filter Chrome插件

开发者插件 2014-12-04 19:18:51

添加一个亵渎滤波器的StackOverflow和StackExchange聊天室
添加一个亵渎滤波器的StackOverflow和StackExchange聊天室

的滤镜模式可以通过下拉注入来改变: 。

模糊 - 变模糊匹配(揭示了:悬停) !
替换 - 匹配替换为@ # $ %^&放大器; *
删除 - 完全删除匹配
忽略 - 忽略亵渎

现在拥有一个配置面板保持您的过滤模式。

Winvision CRM Tools Chrome插件

开发者插件 2018-07-10 20:13:25

No more struggling with HTML inspectors to obtain the Microsoft CRM information you need!

This tool helps consultants, testers and developers by providing basic tools for retrieving informati

Import jQuery Chrome插件

开发者插件 2018-09-20 04:31:08

在任何网站引入jQuery开发,并可以自定义版本和网址,默认使用七牛CDN
Import jQuery anywhere, you can custom it what you what!

Bug Magnet Chrome插件

开发者插件 2016-04-05 00:11:39

Right-click context menu to help with exploratory testing
Exploratory testing assistant for Chrome. Adds common problematic values and edge cases to the context menu (right-click) for editable ele

OG Tag Debugger Chrome插件

开发者插件 2018-08-18 02:37:11

Analyze OG Tags with One Click

# One Click Debugging
You can get Open Graph Tag information just by clicking the extension icon

# Made Exclusively For OG Tag Debugging
Cause