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

colorzilla chrome簡介

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

colorzilla功能

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

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

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

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

5、自動(dòng)將生成或采樣的顏色復(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、通過重新采樣最后一個(gè)采樣像素，獲取動(dòng)態(tài)元素（懸停鏈接等）的顏色。

使用方法

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

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

3. Palette Browser…  點(diǎn)擊這個(gè)功能后，其實(shí)是跟顏色選擇器一樣的功能。

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

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

安裝方法

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

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

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

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

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

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

注意事項(xiàng)

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