colorzilla是針對谷歌瀏覽器提供的一款頁面色彩提取插件，安裝該插件后可以吸取頁面的顏色，自動生成css顏色代碼，非常適用于開發(fā)人員，可以有效提高工作效率，需要的朋友歡迎來綠色資源網(wǎng)下載！

colorzilla chrome簡介

ColorZilla是個很流行的谷歌瀏覽器插件，(當(dāng)然啦，colorzilla還支持Firefox瀏覽器)它為設(shè)計師提供了一種簡單的瀏覽器平臺工具來找到具體顏色數(shù)值并且測量它們的不同。它還具有一個“配色方案瀏覽器“，允許您選擇預(yù)配置設(shè)置的顏色，容易使用而且功能極其豐富。,ColorZilla是一款可以吸色/取色的工具， ColorZilla可以讓你在畫面中輕松的取得你想要的色彩。選擇這個工具以后在你想取色的區(qū)域點擊鼠標(biāo)，你會發(fā)現(xiàn)前景色成為了鼠標(biāo)點擊點的顏色。

colorzilla功能

1、終極CSS梯度發(fā)生器。

2、一個先進(jìn)的顏色選擇器類似于可以在photoshop和Paint Shop Pro中找到的。

3、顯示標(biāo)簽名稱，類別，編號，大小等元素信息

4、吸管器-獲取頁面上任何像素或區(qū)域的顏色。

5、自動將生成或采樣的顏色復(fù)制到CSS RGB，Hex和其他格式的剪貼板。

6、顏色歷史最近挑選的顏色。

7、網(wǎng)頁顏色分析器-分析任何網(wǎng)頁上的DOM元素顏色，找到相應(yīng)的元素。

8、使用鍵盤快速采樣頁面顏色的鍵盤快捷鍵。

9、調(diào)色板查看器與7預(yù)先安裝調(diào)色板。

10、光標(biāo)下的輪廓元素

11、通過重新采樣最后一個采樣像素，獲取動態(tài)元素（懸停鏈接等）的顏色。

使用方法

1.顏色選擇器 點擊顏色選擇器后，出現(xiàn)一個類似調(diào)色盤的窗口，這里是讓你調(diào)色的，可以將顏色的代碼值拷貝并粘貼到網(wǎng)頁代碼中去。似乎這個功能不是我們需要的，如下圖：          

2.鼠標(biāo)點選器  點擊鼠標(biāo)點選器后，出現(xiàn)一個黑色的數(shù)值條，鼠標(biāo)指針變成十字形，將其移動到當(dāng)前網(wǎng)頁任何有顏色的地方，顯示條上會出現(xiàn)對應(yīng)顏色和顏色的代碼值，恩很好，當(dāng)我們發(fā)現(xiàn)自己喜歡的顏色時，選擇這個功能，就能立馬得到所想要的顏色RGB值或者十六進(jìn)制值了。So easy！

3. Palette Browser…  點擊這個功能后，其實是跟顏色選擇器一樣的功能。

4. Css gradient generator  這個功能很強大，能夠?qū)㈩伾M(jìn)行漸變，而且還能生成對應(yīng)的能夠兼容所有瀏覽器的css代碼。堪比ps，HTMLer再也不需要到ps中畫漸變圖啦！省時省力。使用方法很簡單，只要選擇好自己喜歡的漸變的顏色就行，基本跟ps的漸變用法一致，最后在右下角會生成css代碼，直接拷貝粘貼到自己的css文件中就可以啦！

5.Webpage Dom color analyzer…  這個功能其實就是分析并計算當(dāng)前整個網(wǎng)頁中所有用到的顏色及顏色代碼值的集合，結(jié)果會出現(xiàn)在當(dāng)前網(wǎng)頁底部的控制臺中。這個功能很直觀的觀察整個網(wǎng)頁的顏色布局，對于如何配色提供參考。當(dāng)鼠標(biāo)移動到顏色塊上時，對應(yīng)的使用該顏色的元素在當(dāng)前網(wǎng)頁中會被虛線框動態(tài)的標(biāo)識出來，很清楚的看到網(wǎng)頁中哪些元素用到了整個顏色

安裝方法

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴(kuò)展管理界面中，這時候用戶會發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

4.松開鼠標(biāo)就可以把當(dāng)前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會給予用戶一個確認(rèn)安裝的提示。

5.用戶這時候只需要點擊添加按鈕就可以把該離線chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

用戶只需要通過上面介紹的五個步驟就可以輕松地把離線谷歌瀏覽器插件安裝到Chrome中去，希望這個離線Chrome插件的安裝方法能夠幫助到您

注意事項

colorzilla插件安裝后需重啟瀏覽器才能生效。