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

image

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

 

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

 

ColorPick Eyedropper 實測

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

image

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

image

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

image

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

image

  • 停止取色的話,按 X 即可

image

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

image

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

image

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

Simon Tsang

用心記錄所見所聞、所思所想

0 意見:

歡迎各位留言