新聞最新新聞數位專題熱門圖解專家觀點主題分類前端科技5G通訊AI與大數據電動車/交通科技物聯網區塊鏈能源環保服務消費新零售金融科技服務創新產業應用半導體與電子產業醫療生技資訊安全智慧城市智慧製造雲端運算與服務數位生活3C生活遊戲/電競影音/新媒體教育/人文企業職場商業經營創新創業行銷與Martech職場/工作術程式開發產業動態數位行銷學院課程一覽企業內訓團票預購品牌活動社群活動未來商務展MeetTaipei品牌社群未來商務Meet創業小聚雜誌最新出刊訂閱優惠關於我們內容轉載規範服務條款與隱私權政策廣告刊登場地租借徵才聯絡我們客服信箱：[email protected]服務時間：週一～週五09:00-12:00；13:30-17:0010694台北市光復南路102號9樓aboutus|廣告刊登|場地租借|內容授權新聞專題社群活動課程雜誌調查所Podcast登入／註冊熱門新聞活動會員shutterstock配色單調怎麼辦？用這11個網站讓你的文案擁有「高級感」2017.12.04職場/工作術少數派色彩，在我們工作的時候是一種錦上添花的元素。

無論你是做設計、製作PPT還是製作文案，一個優秀的配色總會讓你的作品別有一番韻味。

但如果自己不是很瞭解配色理論該怎麼辦？其實只需要善用配色網站，便可以為你的作品加分。

色彩，在我們工作的時候是一種錦上添花的元素。

無論你是做設計，是製作幻燈片，還是製作文案，一個套優秀的配色總會讓你的作品別有一番韻味，惹的不只是別人的眼，還順了自己的心。

但你可能會時常苦惱自己不是很瞭解配色理論，無法搭配出一讓人滿意的顏色。

其實你只需要一些網站，就可以完成一套不錯的配色了，這篇文章裡少數派就會為你推薦11款不錯的配色網站。

Colordot&ColourcodeColordot和Colourcode這兩個網站其實大致一樣，都是使用者在網頁區域內隨意移動滑鼠來生產色卡，在不斷生成的色卡的同時用戶可以產生自己靈感，看看能不能隨機出一個自己滿意的配色。

對於已經生成的色卡，你可以點擊刪除或者對它的色值（RGB、HSL）進行微調。

其中Colordot還提供了iOS用戶端，可以直接用滑動縮放等手勢操作即可完成色卡的選擇。

而Colourcode的功能比前者更加全面一些，完成自己色卡選擇過後還可以選擇不同的色卡搭配，並且還可以以不同的格式保存到本地。

Awwwards一個好的配色，不只是可以從專門的配色網站中獲取，有時我們也可以直接流覽一些優秀的設計案例。

Awwwards上蒐集了眾多非常優秀的網頁設計案例，我們在鑒賞他們的設計作品時，不妨也可以看看人家是如何幫項目配色的。

它的搜索分類非常的齊全，你可以根據顏色、類型、標籤、地理位置等多個方面去篩選出你需要的專案。

並且網站也會對項目進行一個評分，分別從「Design、Usability、Creativity、Content、Developer」五個方面評價，所以使用者也可以直接根據分數更快的找到最好的作品。

colr.org很多優秀的電影或者照片，時常會在後期進行調色，就是「銀翼殺手」的色調風格在那段時間可說是非常的火熱。

其實這些調色方案，我們也可以用於你自己的項目，colr.org就是來幫助你完成這項任務的一個工具網站。

用戶可以通過自己上傳本地的照片，或者直接使用網頁連結來導入照片。

當你點擊照片的時候，上面會顯示很多的正方形方塊，那就是照片上的色彩。

用戶可以自己在眾多小方塊中選擇自己喜歡的顏色，也可以點擊上方的按鈕讓網頁自動幫你把照片裡的主色調提取出來。

如果你是Sketch的用戶，可能這個網站你也不需要了，可以嘗試Alembic這款外掛程式，它用起來會更加簡單。

MaterialColors在每年GooglePlay評選優秀App的時候，都會有很多嚴格遵守Material設計規範的軟體出現在我們的視野裡。

這些精美的App出來在佈局、元素的使用上是遵守規範的，在色彩的使用上也是非常的「精準」。

對於我們來說，也可以把MaterialColors運用到我們的項目中。

除了在Google官網的Guidelines裡可以找到詳細的配色以外，用戶也可以通過協力廠商的網站來快速選擇出自己的一套方案。

比如在materialuicolors和FlatUIColors上你可以快速獲得多種顏色的搭配。

然