在Material Design?風格中，如何大膽、靈活的使用色彩組合是一項很有挑戰性的任務，今天這10款 Google Material Design 專用的配色工具，可以助你一臂之力。

Material Design 簡介：

時至今日大家應該都對這個設計風格有所耳聞，如果你還不夠熟悉，這兒有三篇文章可以幫你輕松入門：

1. 首先來認識一下它扁平化設計的區別：《漲姿勢！扁平化設計和MATERIAL DESIGN有什么不一樣？》
2. 然后是一份超詳實的學習筆記：《重磅教程！幫你全面徹底搞定MATERIAL DESIGN的學習筆記》
3. 最后來一個實戰案例：《重磅改版！網易新聞安卓客戶端MATERIAL DESIGN實戰》

Material Palette

在這個工具中，你可以先選擇主色和重點色。選完之后工具會自動生成即時預覽圖并提供多種下載的方式。

Material UI

這是一個漂亮的“小抄”，它把所有能提供給你的顏色匯聚在一個頁面上供你選擇。很不錯哦！

Random Material Generator

設計師有時候也會“偷懶”。這個工具會隨機搭配好你的設計顏色，自然幫助我們節省了一部分時間。所以，這是把工作交給命運了吧？也挺有趣的啊。

Material Design Palette Generator

如果你對自定義色板感興趣，那么試試Material-design-like這個工具吧。首先，你需要手動設置一種顏色——不是系統色也可以哦——然后在同色系的色彩選擇對話窗口中找到你最喜歡的圖形編輯器。材料設計面板生成器將根據你選擇的顏色生成你的色板。

Material Mixer

這也是一種比較實用的工具，它將所有顏色布局在一張緊湊的網格中以便于選擇。點擊一個主色和重點色就可以預覽并生成你的調色板。

Material Colors

這個工具只顯示500和A200色板的顏色。選擇不一定要很多，精致的就好！

UPlabs 的 Material Design 工具

這是又一個簡單的可視化的Material Design工具。它將三原色顯示在側邊欄。而點擊“color bar”就能夠顯示所有相關的顏色。操作也很靈活！

Tint UI’s Material Design

類似第六種工具，它只顯示 Material Design 中的 500 顏色。有選擇綜合征的設計師們有福了！

Designskilz’s Material Design Colors

第九種工具也非常簡單，它幫助我們將色板中的所有顏色連同他們的正式名稱可視化（如粉紅色，淺藍色等等）。這樣我們就不必思考所選顏色的名字問題。

MATERIAL @ COLORION

第十款工具除了分享幾百個色板外，還帶上收藏夾的功能，看到喜歡的配色，用戶還可以收藏起來以便日后使用。

圖形編輯器的插件

如果以上這些Web工具你都不喜歡，那么你還可以安裝一個插件/擴展，這樣就能夠將 material design 色板匯集到你自定義的設計軟件中了。

Photoshop / Illustrator用戶：谷歌提供可下載的?Adobe color files (.aco)?插件，它的功能是讓你在PS或AI中的調色過程更舒適、流暢。

Sketch 用戶：嘗試搜索一下這個插件： Koji Ishimoto 的 Material Design Color Palette Sketch Plugin。它是開放的資源，放心下載。

Gimp / Inkscape用戶：有兩種選擇：KiSSFLOW的 Gimp-material-design-color-palette 和 Soichiro Kashima 的 Material-design-colors。兩者都很好用。

快挑一種工具試試吧！發揮你的想象力，創造個性化的Material Design色彩作品，我在這里等你的分享喲~

這個系列更不能錯過！

1. 《中文版來了！新版Material Design 官方動效指南》
2. 《中文版來了！新版MATERIAL DESIGN 官方動效指南（二）》
3. 《中文版來了！新版MATERIAL DESIGN 官方動效指南（三）》

原文地址：shejidaren

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com