今天給大家?guī)淼氖鞘?Material Design 專用配色工具， 在設(shè)計(jì) Material Design 的過程中有一個(gè)很大的問題，那就是如何大膽、靈活的使用色彩組合。如果你需要材質(zhì)設(shè)計(jì)調(diào)色板，這些 web 工具可以助你一臂之力。
一、Material Palette
在這個(gè)工具中，你可以先選擇主色和重點(diǎn)色。選完之后工具會(huì)自動(dòng)生成即時(shí)預(yù)覽圖并提供多種下載的方式。
鏈接地址：http://www.materialpalette.com/
二、Material UI
這是一個(gè)漂亮的「小抄」，它把所有能提供給你的顏色匯聚在一個(gè)頁面上供你選擇。很不錯(cuò)哦！
鏈接地址：https://www.materialui.co/colors
三、Random Material Generator
設(shè)計(jì)師有時(shí)候也會(huì)“偷懶”。這個(gè)工具會(huì)隨機(jī)搭配好你的設(shè)計(jì)顏色，自然幫助我們節(jié)省了一部分時(shí)間。所以，這是把工作交給命運(yùn)了吧？也挺有趣的啊。
鏈接地址：https://codecrafted.net/randommaterial/
四、Material Design PaletteGenerator
如果你對(duì)自定義色板感興趣，那么試試 material-design-like 這個(gè)工具吧。首先,你需要手動(dòng)設(shè)置一種顏色——不是系統(tǒng)色也可以哦——然后在同色系的色彩選擇對(duì)話窗口中找到你最喜歡的圖形編輯器。材料設(shè)計(jì)面板生成器將根據(jù)你選擇的顏色生成你的色板。
鏈接地址：http://mcg.mbitson.com/#/
五、Material Mixer
這也是一種比較實(shí)用的工具，它將所有顏色布局在一張緊湊的網(wǎng)格中以便于選擇。點(diǎn)擊一個(gè)主色和重點(diǎn)色就可以預(yù)覽并生成你的調(diào)色板。
鏈接地址：http://www.sankk.in/material-mixer/
六、Material Colors
這個(gè)工具只顯示 500 和 A200 色板的顏色。選擇不一定要很多，精致的就好！
鏈接地址：http://materialcolors.com/
七、UPlabs 的 MaterialDesign 工具
這是又一個(gè)簡(jiǎn)單的可視化的 Material Design 工具。它將三原色顯示在側(cè)邊欄。而點(diǎn)擊「color bar」就能夠顯示所有相關(guān)的顏色。操作也很靈活！
鏈接地址:http://www.materialup.com/tools/colors
八、Tint UI’s Material Design
類似第六種工具，它只顯示 Material Design 中的 500 顏色。有選擇綜合征的設(shè)計(jì)師們有福了！
鏈接地址:http://tintui.com/
九、Designskilz’s MaterialDesign Colors
第九種工具也非常簡(jiǎn)單，它幫助我們將色板中的所有顏色連同他們的正式名稱可視化(如。粉紅色,淺藍(lán)色,等等)。這樣我們就不必思考所選顏色的名字問題。
鏈接地址：http://www.designskilz.com/colors/
十、MATERIAL @ COLORION
第十款工具除了分享幾百個(gè)色板外，還帶上收藏夾的功能，看到喜歡的配色，用戶還可以收藏起來以便日后使用。
鏈接地址：http://material.colorion.com/
適合自己的才是最好的，這十個(gè)工具哪個(gè)最適合你呢？
「庖丁開發(fā)」公眾號(hào)每天晚上十點(diǎn)跟大家分享產(chǎn)品、設(shè)計(jì)、開發(fā)的干貨，更過精彩文章鎖定「庖丁開發(fā)」。
