瀏覽器, 電腦不求人

[外掛]我的調色盤,開瀏覽器就選色,還可從相片中尋找配色靈感

梅干2018/08/21
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
  雖然知道網頁的色碼是16進位,同時六碼分別各代表著RGB三元色,且也知道0是黑255是白128是中灰,但真的要直接從數字中,立即就能配出自己所需的顏色,那真不是一件容易的事,因此還是得需要有色盤的輔助,才能快速的找到自己的顏色,但色盤就得開啟Photoshop或是相關的影像軟體,才有此工具,因此很早之前,梅干曾寫了一個WEB工具,開啟網頁直接就可選色,雖然說很方便,但還是得開啟網頁,就不是那麼的直覺。
  因此梅干最近正好在學著寫Chrome APP,所以就想說把之前的Web版搬到Chrome APP後,又想到最近的「延禧攻略」中的高級灰「莫蘭迪色」,就找到了一個套件,可分析相片的色調,並將照片中的色調給抓出來,因此梅干就將這二個功能整合在一起,讓大家在配色的同時,沒靈感也可從照片來找靈感,因此有配色需求,又時常配色卡卡的朋友,這個「我的調色盤」將可助於你配色。
我的調色盤
外掛名稱:我的調色盤
適用平台:Chrome
外掛連結:Chrome商店

Step1
進到「我的調色盤」的外掛頁面後,點「加到CHROME」鈕,將我的調色盤安裝到CHROME中。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
Step2
當安裝完畢後,點我的調色盤圖示,分別會看到二個功能,一個是「調色盤」,另一個是「相片找色感」。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
Step3
當點選「調色盤」,就像Photoshop的調色盤一樣,除了可選擇色相,還可選擇明度與彩度,同時右邊還會顯示RGB與網頁的色碼。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
Step4
當配色卡卡時,可選擇「相片找色感」。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
Step5
接著點選「選擇檔案」鈕。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
Step6
將圖片載入後,再點中間的「產生」鈕。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感
Step7
接著下方就會依照相片中,尋找相關的色塊,並且還會顯示RGB數值,讓你配色不卡卡。
梅問題-[外掛]我的調色盤,開瀏覽器就能即時選色,甚至還可從相片中尋找配色靈感