【行銷設計好幫手】第2話 配色沒靈感?找這10個配色網站準沒錯

常為了配色而苦惱嗎?或是網站有配色方案，卻沒有案例參考?
文字顏色搭配背景色好難想像長什麼樣…
想要有配色方案可選擇，簡單好操作的介面很重要 !
配色也有流行趨勢，跟著時代演變，
若要做某年代的配色氛圍，我也想知道哪裡可以參考~

若以上你曾有過其中一個想法，那就趕快往下看吧 !

⊕有 iOS APP
Colordot : https://color.hailpixel.com/
用滑鼠移至你要的位置，不同地方會產生不同灰階，選好灰階後再調整顏色，簡單好操作。但是色彩數值要自己更改，沒有辦法先選擇樣板配色。

⊕ 有案例參考
Awwwards : https://www.awwwards.com/
想看出色的網頁配色?Awwwards裡提供許多案例可儲存，用戶也能在底下評論。搜尋分類俱全，從五個方面「Design、Usability、Creativity、Content、Developer」評價案例，可由這些數據去找適合的配色方案。

Flat UI Colors : https://flatuicolors.com/
除了在Google官網的Guidelines，可找到許多嚴格遵守Material設計規範的配色方案，用戶也能從協力廠商網站快速獲得自己的配色方案，Flat UI Colors是配色好選擇。

BrandColors : http://brandcolors.net/
提供各大品牌配色方案，在處裡品牌設計時，不妨參考這些品牌的用色吧~

⊕ 可愛顏色居多
Color Hunt : https://colorhunt.co/
最可愛、最少女的配色方案在這裡 ! 有現成的配色方案，喜歡可以收藏及按讚，也能找最熱門的配色。用戶能透過E-mail訂閱該網站最新消息，每週接收新配色的推薦。

⊕ 中國風色彩
Zhongguose : http://zhongguose.com/
各式各樣的中國風用色，透過點選顏色名稱，旁邊也會顯示CMYK&RGB色彩數值。沒有配色方案可以選擇，只能參考數值。

⊕ 各年代配色
COLOR LEAP : https://colorleap.app/home
選色也有歷史，讓你在此參考不同年代的配色，此網站提供藝術史常見配色，透過挑選年代來選擇配色方案。

⊕ 其它
Colourcode : https://colourco.de/
和Colordot類似，差別在不用先選灰階，可以直接選擇顏色，再去調整色彩數值客製化需求。

colr.org : http://www.colr.org/
藉由置入照片進此網站，系統會幫你分析照片裡的色彩，再自行去挑選想要的色彩即可。也可以直接點選上方，自動產生照片主色調，就完成調色方案了~

Colorable : https://colorable.jxnblk.com/
當無法想像文字及背景顏色互相搭配的模樣，可以滑動顏色來參考配色方案吧~