2013年12月1日 星期日

如何取得網頁圖片上的顏色數值(RGB, HEX)? ColorPick Eyedropper 擴充套件


看到配色精緻的網頁,該如何得知網頁圖片上的顏色資訊呢?
ColorPick Eyedropper 是Google Chrome的一套擴充套件,藉由簡單的滑鼠點選,即可獲得網頁圖片上的顏色數值,接著就是各位利用photoshop, Gimp等等修繪圖軟體發揮創意的時刻了。

利用ColorPick Eyedropper取得顏色數值的步驟如下:
a.在Google線上應用程式商店的搜尋欄輸入ColorPick Eyedropper,並安裝,如圖一所示。

圖一

b. 自行選擇並開啟網頁,點選已安裝在Chrome右上角的ColorPick Eyedropper icon,即會出現顏色數值的顯示視窗,隨著滑鼠在網頁圖片上的移動,顏色數值亦隨之即時更新,如圖二所示。

圖二
c. 選定目標圖片後,點擊滑鼠左鍵,即確認Hex的數值,如本文封面圖片,完成顏色數值的取得。

沒有留言:

張貼留言