[Google Chrome] 在網頁上輕鬆取色 (HTML碼、RGB數值等)

   最近有特別原因要幫忙設計網頁，由於希望整個頁面都貫徹簡約風，故此色調需要統一。偶然之下，我在別的網頁看到心儀的顏色，正要把它訂為主題色之際才發現自己根本不知道該顏色的 HTML 碼或 RGB 編碼。幸好，我在 Chrome Store 裡找個一個名為 ColorPick Eyedropper 的插件，簡單易用，做設計的網友不妨一試。

 

下載 ColorPick Eyedropper ：https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg

 

ColorPick Eyedropper 實測

• 安裝後，在圖示上按右鍵->管理

• 在 ColorPick Eyedropper 一項勾選 “允許存取檔案網址”才能使用

• 瀏覽網頁時，按下 CE，把鼠標移到顏色區域上，右邊會顯示顏色的 HTML 碼、RGB 及 HSL 值

• 點一下可以快速複製 HTML 代碼

• 要停止取色的話，按 X 即可

• ColorPick Eyedropper 還提供一連串的選項讓進階設計者自訂工具版面

• 選項頁底部有取色歷程記錄，方便用家翻查顏色編碼

如果各位對於用 ColorPick Eyedropper 在網頁取色有甚麼問題或意見，歡迎留言與我交流一下喔:-)