当前位置: 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-12-08 文件大小: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是一款可以快速

Color Code Picker - RGB, HEX, HTML

开发者插件 2019-08-18 12:53:11

目前,我们面临着扩展的一些问题,有一个已知的错误是,在用户删除扩展后,扩展会重新安装自己, 我们咨询了 Google 团队如何解决这个问题,我们可以保证这是一个 bug,而不是任何恶

Eye Dropper

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

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

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

Averity Chrome插件

开发者插件 2016-08-08 17:19:10

This extension allows you to download a YouTube Image for the current page
Averity is an YouTube plugin. Now, you can download video thumbnail image instantly! Simply as can be. Just click plugin

Dev Tools Chrome插件

开发者插件 2019-10-17 13:10:29

Boost your web/development productivity

Provides a collection of various free tools for developers and users out there who might find them useful.

- URL Encoder/Decoder
- HTML En

IPFS Station Chrome插件

开发者插件 2017-02-13 17:08:13

This extension let's you access IPFS urls seamlessly from your local IPFS node, and take a look at its stats.
# Features

- Icon with badge that shows if the node is running, and how m

hNews Reader Chrome插件

开发者插件 2015-04-09 06:05:51

读取和验证hNews微格式。
一个简单的Chrome扩展突出符合hNews微格式标准页。它显示的各种hNews领域,必需和可选,在一个小的弹出窗口

也强调利用NewsRight扩展到hNews微格式,支持NewsRight新闻注册程序的网页(详见此: HTTP : //www.newsright.com/ )

有用的新闻出版商希望实现hNews微格式。

XNA Forum URL Redirect Chrome插件

开发者插件 2015-04-04 11:18:10

重新写坏了XNA文章网址
自从在Xbox / Windows Phone的网站拆分成吨的论坛链接带你到一个登陆页面,让你选择的Windows Phone或Xbox 。有趣的是,无论选择什么样的,你让它不把你的文章。这个扩展在后台运行,并会与你过去的登陆页面,以实际的文章,但只有在URL中包含& QUOT ; HTTP : //forums.create.msdn.com/forumsu0026quot ; OR & QUOT ; HTTP : //create.msdn.com/downloads

RESTful API Client Chrome插件

开发者插件 2018-09-14 11:33:44

The extension is a utility for front-end as well as API developers. it assists in making RestFul or any other API calls. More enhancements around parsing response coming soon!

Div Density Chrome插件

开发者插件 2015-01-09 17:50:34

这个扩展显示页面上的元素的密度
事业部的密度是一个简单的扩展,切换你的元素的背景色,以显示自己的页面上的密度,这可能是治疗的div炎!

SockshareDownloader Chrome插件

开发者插件 2015-02-11 06:21:41

下载您目前收看sockshare与点击视频!
这个扩展将使你从Sockshare下载任何视频,点击:)

使用Adblock Plus的屏蔽广告和免费-tv-video-online.me找到电视节目“ Sockshare联系!关上自由的电视广告来获得对SS的现场视频后

双击视频,点击继续得到实际的视频文件,当你看到播放按钮或观看视频,只需点击绿色的下载图标,这个扩展!

请注意,如果在安装此扩展你已经观看视频你将不得不重新载入它的工作

Colorblinding Chrome插件

开发者插件 2016-06-25 07:24:22

This extension simulates the website as a color vision impaired person would see.
This extension simulates the website as a color vision impaired person would see.

Colorbldingin can simul