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

colorzilla chrome簡介

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

colorzilla功能

1、終極CSS梯度發生器。

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

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

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

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

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

7、網頁顏色分析器-分析任何網頁上的DOM元素顏色，找到相應的元素。

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

9、調色板查看器與7預先安裝調色板。

10、光標下的輪廓元素

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

使用方法

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

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

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

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

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

安裝方法

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

2.在打開的谷歌瀏覽器的擴展管理器最左側選擇擴展程序。

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

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

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

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

注意事項

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