對(duì)于產(chǎn)品經(jīng)理新手來說诫龙，如何挑選顏色一直有很大的困擾伤极，原型上的配色成了一個(gè)很困難的問題店茶，那怎么辦蜕便？答案就是——直接用大神的配色。
ColorSupply 收集了來自世界各地設(shè)計(jì)師的色彩搭配方案贩幻，不僅如此轿腺，它還按照五大配色方案來分類，這樣更加方便設(shè)計(jì)師們選擇顏色了丛楚！同時(shí)這些配色非常適合扁平化 UI 設(shè)計(jì)使用族壳，比如圖標(biāo)或者矢量插畫。
網(wǎng)站名稱：ColorSupply
網(wǎng)站地址：http://colorsupplyyy.com/app/
網(wǎng)站介紹
打開網(wǎng)站后趣些，可以看到網(wǎng)站主要有三大區(qū)域：
五大配色方案類型：互補(bǔ)色（Complimentary）仿荆、相似色（Analogous）、三色調(diào)（Triad）喧务、分離互補(bǔ)色（Split Complimentary）赖歌、四色調(diào)（Square）枉圃。
配色方案：在12色環(huán)右則是對(duì)應(yīng)類型的配色方案功茴。
效果圖預(yù)覽：網(wǎng)站下面的平面插圖可以根據(jù)選中的配色方案自動(dòng)上色，如此一來用戶就可以看到配色方案的大概效果孽亲。
在配色方案中坎穿，帶綠色點(diǎn)的配色是挑選某一設(shè)計(jì)師的方案，用戶選中后返劲，會(huì)顯示設(shè)計(jì)師的名稱玲昧。點(diǎn)擊設(shè)計(jì)師名稱還能看到該插畫師的網(wǎng)站與作品哦！
通過這網(wǎng)站選擇顏色雖然方便篮绿，但畢竟只是工具孵延，只提供參考，產(chǎn)品經(jīng)理在使用時(shí)應(yīng)進(jìn)行適當(dāng)調(diào)整亲配，以達(dá)到更好的視覺效果尘应。
延伸閱讀：一些超贊的配色網(wǎng)站推薦
- 中國風(fēng)配色 網(wǎng)站地址：http://zhongguose.com/
超美的中國風(fēng)配色，網(wǎng)站號(hào)稱收集了最全的中國色吼虎，還有中英文互譯犬钢，非常貼心，五星好評(píng)思灰。
5.png
- 日本傳統(tǒng)配色 網(wǎng)站地址：http://nipponcolors.com
日本傳統(tǒng)色彩玷犹，無需多說，文藝又古風(fēng)洒疚，值得收藏歹颓。
3.Colrd 網(wǎng)站地址：http://colrd.com
用戶可以自己上傳圖片與配色方案坯屿。看到喜歡的配色巍扛，就可以保存下來愿伴。
4.Adobe Color CC 網(wǎng)站地址：https://color.adobe.com
超全的配色方案。還能自己通過色輪电湘，搭配配色方案隔节。
6.png
5.**uiGradients ** 網(wǎng)站：uigradients.com
做漸變配色專用的網(wǎng)站，色值什么的非常全寂呛。每個(gè)顏色還有一個(gè)超美的名字怎诫，來來感受一波~
- WebGradients 網(wǎng)站：webgradients.com
這個(gè)網(wǎng)站也是以漸變色彩出名，只不過整體風(fēng)格偏柔和贷痪，看起來很干凈幻妓。
- Colorexplorer 網(wǎng)站：colorexplorer.com
一款可以上傳圖片，自動(dòng)檢測(cè)色值的線上工具劫拢，親測(cè)好用肉津。
[圖片上傳中...(image-81c9b3-1536289543856-11)]
8.Colorfavs 網(wǎng)站：www.colorfavs.com
跟Colorexplorer同類型的網(wǎng)站，就是這個(gè)Colorfavs舱沧，可以上傳圖片來分析配色妹沙。
9.Palettable 網(wǎng)站：www.palettable.io
可以自己隨意搭配色彩方案的網(wǎng)站。
在進(jìn)入網(wǎng)頁時(shí)熟吏，會(huì)隨機(jī)推薦顏色距糖，用戶只需要選擇喜歡or不喜歡，直到搭配出想要的色板牵寺。
10.Reeoo 網(wǎng)站：reeoo.com
通過顏色搜索悍引，為用戶提供APP，網(wǎng)頁設(shè)計(jì)帽氓，平面設(shè)計(jì)趣斤，書籍設(shè)計(jì)，ICON等精彩案例黎休。
比如說點(diǎn)擊紫色浓领，頁面會(huì)跳出主色調(diào)為紫色的網(wǎng)站、APP設(shè)計(jì)奋渔。
11.Paletton 網(wǎng)站：paletton.com
用戶通過設(shè)定一個(gè)顏色镊逝，通過網(wǎng)站的選項(xiàng)和微調(diào)參數(shù)，生成一套配色方案嫉鲸。
image
12.Color Hunt 網(wǎng)站：www.colorhunt.co
網(wǎng)站實(shí)時(shí)更新不同的配色方案撑蒜，并會(huì)按照受歡迎程度排列。
13.LOL Colors 網(wǎng)站：lolcolors.com
非常可愛的多彩配色網(wǎng)站座菠，鼠標(biāo)移動(dòng)到不同顏色的水滴上會(huì)有色彩代碼(Hex Code)的顏色值狸眼。
14.colourco/colordot 網(wǎng)站：www.colourco.de
網(wǎng)頁區(qū)域內(nèi)隨意滑動(dòng)鼠標(biāo)，可以產(chǎn)生不同的色彩浴滴。確定一個(gè)色彩拓萌，再隨意滑動(dòng)產(chǎn)生下一個(gè)色彩，直到找到自己滿意的配色升略。
