当前位置: 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-08-14 文件大小: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 同类插件推荐

AngularJS Inspector Chrome插件

开发者插件 2015-03-07 11:44:54

扩展了开发工具,增加了调试和分析AngularJS应用程序的工具。基于AngularJS Batarang
扩展了开发工具,增加工具进行调试和分析AngularJS应用。

该扩展是基于AngularJS Batarang这可悲的是尚未在大约两年更新。出于这个原因,我想提供AngularJS程序员提供一个工具,这将解决当前存在的问题,并致力于使这甚至更好的工作!Extends the",1,[["扩展了",1000,false,false],["扩展",0,false,fal

Github TestLens Chrome插件

开发者插件 2017-06-02 07:00:15

Jump between code and tests when reviewing code in Github.
When reviewing code in github, it's sometimes hard to match unit tests with the code that they are testing.

To help that pro

Force Redraw IMG on HTML5 Canvas (beta) Chrome插件

开发者插件 2015-05-08 04:27:09

重绘对HTML5画布元素IMG,迫使GPU来处理的工作,如果你启用了GPU加速。
有许多图像浏览网页时体验响应速度慢?单击该图标,使用HTML5画布重绘IMG元素,迫使GPU来处理工作,如果你启用了GPU加速

-
发行说明:1
。无论是FPS和GPU内存使用量会增加是肯定的。但页面的内存使用也可能增加(有时增加是暂时的)。
2。原始的IMG元素不在当前版本中删除,他们只是隐藏。这是为将来的发展目的。 (别担心,内存使用情况似乎并不具备,因为这

DevGib Chrome插件

开发者插件 2015-03-17 21:39:12

显示排名基于他们的知名度和质量的Web编程相关的资源。
DevGib是一个Chrome扩展,基于他们的知名度和质量在网络排名显示编程相关的资源。

CellHTML Chrome插件

开发者插件 2015-12-18 10:16:49

Add+formatting+to+selected+text+in+a+Google+Spreadsheets+cell%2c+writing+it+to+the+cell+as+HTML+with+non-ASCII+encoded.%3cbr%2f%3eThe+CellHTML+extension+makes+it+easier+to+use+Google+Spreadsheets+to+s

No Merge Chrome插件

开发者插件 2016-09-07 14:50:03

This is a simple extension which disables the green merge button for pull requests on GitHub.
Simply put, merge commits are bad. Keep your commit logs clean. Use rebase instead.

Site Highlighter Chrome插件

开发者插件 2017-05-25 06:10:55

This extension helps you to display element(s) on any configured site with a background colour.
The aim of the extension is to help the user easily differentiate various sites, other than looking

Chromonocle Chrome插件

开发者插件 2014-12-13 21:35:42

ADDS萤火虫般XHR控制台视图细节镀铬
Chromonocle是一个易于使用的XHR ( AJAX)要求督察专为镀铬设计。它无缝带来的便利XHR请求检测功能在萤火虫发现Chrome的控制台。 Chromonocle允许开发人员查看关于Ajax请求的所有重要信息,而无需离开控制台选项卡。

IP Chrome插件

开发者插件 2016-04-09 22:09:42

Get's your public/private IP address
Shows your public IP address as well as your private one.
Uses STUN server and UDP protocol to resolve the IP
Notifications if Private or Public I

Platform Status Indicator Chrome插件

开发者插件 2017-02-08 11:49:47

This extension adds an indicator that shows whether the page has listed in the platform statuses.
Platform Status Indicator shows whether a specification you are reading is listed on the browsers&

GistRun Chrome插件

开发者插件 2016-07-20 07:14:55

Bring your Gists to life with GistRun!
The GistRun Chrome extension adds "Run" buttons to GitHub Gist pages, making it easy to open Gists in the GistRun editor.

The extension ad