當前位置: 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

热门棋牌游戏排名 重庆时时开奖预测龙虎 捕鱼来了官方论坛 手机上开什么店赚钱 假彩票打印系统 三公扑克游戏免费下载 今日头条手机发视频能赚钱吗 河北快三助手手机版 河北快三中奖秘诀 斗地主的游戏规则 老虎机软件下载