<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    ColorZilla

    發布時間: 編輯:CINDY 0人評論 18315次瀏覽 Chrome開發者工具插件
    直達下載
    摘要 : ColorZilla是一款適用于Google Chrome的擴展程序,它能提取網頁色彩,快速調節顏色,可協助網站開發人員和平面設計師處理基本和高級顏色相關的任務,可以稱之為chrome顏色吸取插件。

    ColorZilla Chrome插件開發背景

    當web前端開發程序員在瀏覽網站時,覺得自己看到某網站上的一些背景顏色很好看,希望能用到自己的網站中,卻不知道具體的顏色代碼值。這個時候就需要一款取色插件的幫助啦。我們今天要介紹的這款ColorZilla是個在國外程序員和設計師中很流行的谷歌瀏覽器插件,(當然啦,colorzilla還支持Firefox瀏覽器)它為設計師提供了一種簡單的瀏覽器平臺工具來找到具體顏色數值并且測量它們的不同。它還具有一個“配色方案瀏覽器“,允許您選擇預配置設置的顏色,容易使用而且功能極其豐富。ColorZilla是一款可以吸色/取色的工具, ColorZilla可以讓你在畫面中輕松的取得你想要的色彩。選擇這個工具以后在你想取色的區域點擊鼠標,你會發現前景色成為了鼠標點擊點的顏色。

    ColorZillalogo圖片

    ColorZilla Chrome插件簡介

    colorZilla功能很簡單,對于web相關開發人員來說用處非常大,利用 ColorZilla 您可以從瀏覽器中的任一點讀取色彩值,快速調節顏色并粘貼到其他應用程序。您可以縮放正在查看的頁面或測量頁面任意兩點之間的距離。內建的調色板瀏覽器允 許您從預定義的顏色集中選擇顏色或將最常用顏色保存到自定義調色板。DOM 偵測功能讓您可以快速、容易地獲得關于 DOM 元素的各種信息。可協助網站開發人員和平面設計師處理基本和高級顏色相關的任務。ColorZilla包括一個拾色器,滴管,梯度發生器和許多其他先進的顏色工具。使用ColorZilla,您可以從瀏覽器的任意位置獲取顏色讀數,快速調整此顏色并將其粘貼到另一個程序中。 您可以分析頁面并檢查其顏色的調色板,還可以創建高級多站式CSS漸變。插件功能有:
    1、吸管器-獲取頁面上任何像素或區域的顏色。
    2、一個先進的顏色選擇器類似于可以在Photoshop和Paint Shop Pro中找到的。
    3、網頁顏色分析器-分析任何網頁上的DOM元素顏色,找到相應的元素。
    4、終極CSS梯度發生器。
    5、調色板查看器與7預先安裝調色板。
    6、顏色歷史最近挑選的顏色。
    7、顯示標簽名稱,類別,編號,大小等元素信息
    8、光標下的輪廓元素
    9、自動將生成或采樣的顏色復制到CSS RGB,Hex和其他格式的剪貼板。
    10、使用鍵盤快速采樣頁面顏色的鍵盤快捷鍵。
    11、通過重新采樣最后一個采樣像素,獲取動態元素(懸停鏈接等)的顏色。

    12、單擊顏色選擇 - 單擊主ColorZilla工具欄圖標,即可選擇(目前僅在Windows上可用)。
    13、從Flash對象中選取顏色。
    14、在任何縮放級別選擇顏色

    ColorZilla Chrome插件使用方法

    1.ColorZilla插件的安裝方法參照:chrome插件的離線安裝方法最新chrome瀏覽器下載地址:http://www.djfsmith.com/category/chrome/。

    2.ColorZilla插件安裝成功后,首先鼠標點擊右上角的ColorZilla插件圖標,出現一個類似調色盤的窗口,這里是讓你調色的,可以將顏色的代碼值拷貝并粘貼到網頁代碼中去。似乎這個功能不是我們需要的,如下圖:
    ColorZilla圖片
    3、第一個選項會在網頁中鼠標會變成黑色十字型是鼠標點選器 ,可提取網頁背景色。點擊鼠標點選器后,出現一個黑色的數值條,鼠標指針變成十字形,將其移動到當前網頁任何有顏色的地方,顯示條上會出現對應顏色和顏色的代碼值,恩很好,當我們發現自己喜歡的顏色時,選擇這個功能,就能立馬得到所想要的顏色RGB值或者十六進制值了。So easy!
    ColorZilla圖片
    4、點擊color picker會進入調色板,可以將顏色的代碼值拷貝并粘貼到網頁代碼中去。
    ColorZilla圖片
    5、Css gradient generator  這個功能很強大,能夠將顏色進行漸變,而且還能生成對應的能夠兼容所有瀏覽器的css代碼。堪比ps,HTMLer再也不需要到ps中畫漸變圖啦!省時省力。使用方法很簡單,只要選擇好自己喜歡的漸變的顏色就行,基本跟ps的漸變用法一致,最后在右下角會生成css代碼,直接拷貝粘貼到自己的css文件中就可以啦!點擊copy to clipboard可將調色板上的顏色進行復制。點擊Web page color Analyzer會查找當前頁面的CSS顏色。
    ColorZilla圖片

    6、點擊Css gradient generator則會彈出一個頁面,在這里,使用者可以將顏色進行漸變,而且還能生成對應的能夠兼容所有瀏覽器的css代碼。

    ColorZilla圖片


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

    ColorZilla Chrome插件聯系方式

    內容由 http://colorzilla.com/chrome/提供
    查看更多

    ColorZilla下載地址

    點擊下載ColorZilla

    轉載必須注明來自: Chrome插件 ? ColorZilla

    顏色漸變

    顏色漸變

    0 人評論 12584 次人瀏覽 4.0分 4.0 分
    顏色漸變是一款可以使用任意兩種顏色快速創建出漸變色的谷歌瀏覽器插件。
    顏色增強工具(Color Enhancer)

    顏色增強工具(Color Enhancer)

    0 人評論 6531 次人瀏覽 4.0分 4.0 分
    顏色增強工具(Color Enhancer)是一種可自定義的顏色濾鏡,可應用于網頁以增強顏色的辨識度的谷歌官方瀏覽器插件。
    av看片免费观看网址
    評論:(0)

    已有 0 位網友發表了一針見血的評論,你還等什么?

    ?