不管是一個(gè)網(wǎng)站燃少、一個(gè) APP 、一張海報(bào)還是一份 PPT 铃在，好的配色總能給人賞心悅的瀏覽體驗(yàn)阵具。配色不僅僅是色彩的簡(jiǎn)單搭配，還需要考慮產(chǎn)品定位定铜、用戶心理認(rèn)知阳液、整體風(fēng)格統(tǒng)一等多重因素，因此配色是設(shè)計(jì)師一項(xiàng)很重要的能力揣炕。
而對(duì)于很多新手設(shè)計(jì)師來(lái)講帘皿，配色方案是一個(gè)比較頭疼的事情，所以畸陡，這里整理了一些簡(jiǎn)單實(shí)用的配色網(wǎng)站給大家鹰溜。
1. peise
http://www.peise.net/tools/web/?
點(diǎn)擊左邊色環(huán)虽填，選擇喜歡的主色調(diào)，右邊則會(huì)出現(xiàn)對(duì)應(yīng)的配色方案曹动。
該站有單色搭配斋日、互補(bǔ)色、類似色等6種配色方案墓陈。
對(duì)于選定的主色調(diào)給出的配色方案桑驱，你還可以自由調(diào)整透明度、飽和度等參數(shù)跛蛋。
最后點(diǎn)擊網(wǎng)頁(yè)演示熬的、查看大致效果。
2. grabient
https://www.grabient.com/?ref=producthunt
grabient 是一個(gè)超好看的漸變色網(wǎng)站赊级，如果你也喜歡漸變色而又不會(huì)搭配的話押框，就可以直接進(jìn)這樣的網(wǎng)站選取。
設(shè)計(jì)師可以在色塊下方自由添加和調(diào)整漸變的色系理逊、以及線性漸變方向橡伞。
在線實(shí)時(shí)調(diào)整和預(yù)覽，十分方便晋被。選好調(diào)整后兑徘，鼠標(biāo)炫富在色快上，會(huì)出現(xiàn)一個(gè) “復(fù)制css” 羡洛，點(diǎn)擊一下就可以復(fù)制 css 代碼塊挂脑，然后給到前端開發(fā)工程師即可在任何區(qū)域?qū)崿F(xiàn)漸變效果。
3.webgradients
webgradients 和上面的一樣也是個(gè)漸變色搭配網(wǎng)站欲侮，該站提供近200種漸變方案崭闲，整體風(fēng)格偏柔和，看起來(lái)很干凈舒適。
漸變色在產(chǎn)品設(shè)計(jì)中運(yùn)用的其實(shí)很廣泛，多用于背景和插畫汛兜，運(yùn)用得體可以使產(chǎn)品看著非常漂亮涨缚。
4. Color Claim
http://www.vanschneider.com/colors
Color Claim?是一個(gè)設(shè)計(jì)大師自建的配色網(wǎng)站，打開網(wǎng)站你會(huì)發(fā)現(xiàn)都是一些看起來(lái)好像很普通的圖片，一種主要顏色背景和一種強(qiáng)調(diào)顏色數(shù)字的簡(jiǎn)單組合，每張圖片都不會(huì)超過(guò)三種顏色。其實(shí)不然如孝，這些都是大師多年設(shè)計(jì)經(jīng)驗(yàn)提取出的經(jīng)典配色，凝結(jié)著配色智慧的結(jié)晶舀奶，簡(jiǎn)約而不簡(jiǎn)單暑竟。
每個(gè)配色都具有鮮明對(duì)比的風(fēng)格特色，很多可以直接照搬使用。
5.Colordrop
這個(gè)配色網(wǎng)站設(shè)計(jì)很簡(jiǎn)單但荤，沒有任何復(fù)雜難懂的其他東西罗岖，只是提供豐富的各種色彩組合。如果你沒有靈感腹躁，可以到這上面逛逛桑包，總能找到自己喜歡的色彩搭配。
6. 中國(guó)色
該站收集了多個(gè)代表中國(guó)傳統(tǒng)的配色纺非，如果你設(shè)計(jì)的作品含有較多中國(guó)元素哑了，那么可以參考這上面的配色，網(wǎng)站本身也非常的有韻味烧颖。
每點(diǎn)擊一個(gè)顏色弱左，背景就會(huì)變成該顏色，方便查看整體顏色效果炕淮。
與中國(guó)色與之對(duì)應(yīng)的還有個(gè)日本色拆火，http://nipponcolors.com/?，它收集的則是代表日本常用色系涂圆。兩個(gè)網(wǎng)站基本一毛一樣们镜，至于誰(shuí)參考誰(shuí)，我就沒去扒了润歉，哈哈模狭。
7. Colordot
這款配色神器和其他配色網(wǎng)站有點(diǎn)不一樣，它不提供任何色彩組合踩衩，就只是一個(gè)空白頁(yè)面嚼鹉，你需要做的是在上面移動(dòng)鼠標(biāo)，然后頁(yè)面就會(huì)自動(dòng)調(diào)整顏色九妈。適用性可能不大反砌，但很適合拿來(lái)找靈感。
按下鼠標(biāo)后就會(huì)固定顏色并顯示顏色值萌朱。
以上7個(gè)配色網(wǎng)站無(wú)需付費(fèi)，無(wú)需翻墻策菜，輸入網(wǎng)址打開即用晶疼，網(wǎng)站本身也設(shè)計(jì)的簡(jiǎn)約大方，希望對(duì)你有用又憨。
精彩推薦：
