Eye Dropper色彩擷取工具，觀看網頁所有配色的CSS,RGB,HSV代碼＆顏色名稱。

網站配色查詢
在設計網頁時，常常會需要參考到其他網站的LOGO或背景樣式所使用的顏色，這時候就能利用Eye Dropper工具(Chrome擴充外掛)來擷取網頁的色彩，快速查詢HSV、RGB與CSS顏色代碼，並附加配色器工具，隨時都能打開挑選配置所需要顏色，WEB開發人員與設計師的最佳助手。




Google瀏覽器擴充外掛安裝：Eye Dropper顏色擷取工具


Eye Dropper顏色擷取工具 擴充外掛
STEP1

使用Chrome瀏覽器，前往安裝Eye Dropper Chrome外掛。
網站配色查詢3

STEP2

在需要配色時，在瀏覽器的工具列下拉打開Color Picker調色盤，即可任意配色，包含CSS代碼、顏色英文名稱、HSL、RGB的資訊都會完整呈現，無論是使用在網頁設計、印刷上都相當方便。
網站配色查詢1

STEP3

從網頁挑選顏色，在網站上看到想要查詢的顏色時，使用EYE DROPPER的Pick Color工具，將滑鼠移動到要檢視的色彩的地方，一鍵快速查看圖片或LOGO所使用的色系，並會將所有的顏色搜尋記錄起來，方便下次再打開工具列時能直接找到該顏色。
網站配色查詢3


延伸閱讀：知名企業LOGO字體＆顏色色碼佈局參考

相關文章:

  1. 『分享』超實用工具 – Google 線上色碼轉換器，RGB、CMYK、HTML
  2. Image Color Picker線上抓取圖片色碼，查詢照片的HEX/RGB/HSL/CMYK顏色代碼。
  3. Brand Palettes查詢知名品牌Logo配色：Hex, RGB, CMYK顏色色碼一覽表。
  4. Color Picker線上顏色偵測器＆顏色選擇器，獲得圖片上的HEX、RGB、CMYK以及HSV色碼資訊。
  5. Color Palette Editor調色盤編輯器，擷取相片顏色製作調色板、RGB,HSL代碼產生器。（Windows）
  6. ColorPick Eyedropper線上網頁取色器，用滴管吸色，查詢顏色代碼資訊。
  7. 【Chrome擴充】Page Ruler頁面標尺工具，測量網站中元素的邊界、大小。
  8. HiLight Bookmark為網站加入螢光筆、討論區與書籤工具。（WordPress外掛）