收下這7個配色網站，你的配色功力將暴增！

「你的色彩感不好。」

「這個顏色不好看，太髒了。」

「能不能用其他顏色，這個對比不強烈啊...」

「你這配色能不能高大上一點？我不要這麼接地氣喂！」

…………

我們設計師在日常設計行為中，難免不遇到配色問題。它就像個幽靈一般，長久盤旋在我們的頭頂。有時你在無意間恰巧配出了很棒的顏色，而有時，你怎麼調整，色彩效果依舊是「土掉渣」。

遇到這種情況，很多人不禁要問：這到底是怎麼回事？我的色彩感確實不好嗎？當我在配色時，我究竟在配什麼？

這些問題都其實都指向了一個方向，那就是——我們該如何提高配色功力，讓它不再成為我們設計日常的一塊短板，影響我們的設計效率？

要解決這個問題，我們可以從三個方面來施力。

• 色彩理論知識的學習
• 色彩長期觀察與積累
• 色彩靈感收集與應用

今天我暫且不對色彩理論知識做展開講解，也不強調對色彩的長期觀察與積累的重要性，而是簡單粗暴地分享給你一些我日常所使用，定期瀏覽的優秀色彩網站。

以下網站不分先後

NO.1

網址：http://www.flatuicolorpicker.com

如它網址名稱所示，該網址主要功能在於扁平化UI色彩參考。網站設計簡潔直白，色塊+數值，讓你想要哪種色相你就點哪個喲~（右上角）

推薦指數：?????

NO.2

網址：https://www.materialpalette.com/pink/blue

質感設計配色網站。除了首頁看到的這幾個色塊外，還可以在頂欄位置選擇圖標與單一顏色。在右上角還有更多關於「質感/材料設計」的作品可以參看與學習。

Material Design，中文名：材料設計語言，是由Google推出的全新的設計語言，谷歌表示，這種設計語言旨在為手機、平板電腦、台式機和「其他平台」提供更一致、更廣泛的「外觀和感覺」。——百度百科

推薦指數：?????

NO.3

網址：http://www.dasplankton.de/ContrastA/

在線配色網站。站內就一個頁面，整個界面有濃濃且嚴謹的工具感。如果稍微注意以下域名的話就發現，.de原來是來自德國。

當然，它的優勢也非常明顯——聚焦顏色對比效果的配置與選擇。對於排版時對文字顏色和背景顏色的選擇簡直是利器。

推薦指數：?????

NO.4

網址：http://www.colourlovers.com

通過解析圖片分析配色。從站內目錄中，我們可以看出，這是一個以色彩為主題的社區。在裡面，不僅可以加入社群討論（當然了，需要用英語交流溝通）看到不同領域的大量優秀配色。

還可以免費下載到一些圖形、圖案，另外還可以看到幾個領域的色彩流行趨勢，譬如品牌、手造、室內設計、雜誌、街頭時尚、網站等等。

推薦指數：?????

NO.5

網址：https://color.hailpixel.com

如你所見，整個網站就一個大色塊，交互有趣——移動滑鼠（上下左右）顏色立即發生改變直到滑鼠停止運動，然後單擊保存。

如果你真這麼認為，那就錯了，它是可以實現多個配色的選擇與保存，如下圖：

推薦指數：????

NO.6

網址：http://www.colorfavs.com

網址創建者是想打造一個更容易創造和發現新顏色與配色的平台來輔助你完成你的每一個項目。你可以通過上傳圖片或者提交網址鏈接，然後它的運算後台會給你一份色彩解析報告，然後你就可以愉快的拿著配色稿穩妥地進行設計配色啦。

目前它已經包含9萬多配色方案與7百萬的獨特顏色。聽上去就讓設計師激動萬分啊。

推薦指數：?????

NO.7

網址：https://brandcolors.net/

網址簡單到如同一個人博客了。創立者Galen目前已經收集了超過500枚著名品牌將近1400款顏色。不過，他還是多聚焦在美國本土品牌，對於來自中國的品牌，大家應該也能看到，如Alibaba和Baidu。這對於我們進行日常logo設計時無異於是很好的一個配色參考。

推薦指數：?????

在看完這滿屏幕美膩的顏色之後，現在的你是內心毫無波動，還是覺得自己還能再搶救一下？如果是前者可能早就離開了，但如果你是後者，那麼恭喜你，你的「配色問題小怪獸」的生命周期將正式進入倒計時。最後再囑咐一句，如果同學們點擊網址鏈接無法打開頁面，那麼你一定要想到4個字——科學上網。

最後對於能看到這裡的同學，我再附贈一枚彩蛋，慢慢享用吧。

→_→我是彩蛋，快快點我

-萬-