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

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

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







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

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

前往安裝Eye Dropper Chrome外掛
網站配色查詢3

STEP2

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

STEP3

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

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