之前有跟大家分享过750个Google发布的Material Design图标，但它的格式只有SVG和PNG图标格式，今天我们再为大家分享Material Design图标字体版，这些可用于web端上使用的图标让人用起来更加方便。下面一起看看看他的使用方法吧。enjoy！你可能感兴趣的Google图标资讯：《》使用教程1. 打开Material icons下载页2. 选择要下载的图标 （目前不能多选&_&）3.选择要下载的格式即可图标字体使用教程【方法一】STEP 1: 引入字体文件和样式文件，下面这个是直接引用google的字体托管文件，如果国内使用建议不要用托管的，会访问慢，把字体下载到自己的服务器上，详细看【方法二】&link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”&
STEP 2: HTML代码，在HTML标签上加入class=”material-icons”以及写上图标名称即可，如下：&i class=”material-icons”&face&/i&
【方法二】如果你不想使用Google托管的CSS文件和图标字体，可以下载到本地。STEP 1: 下载字体文件到本地下载地址：STEP 2 : 为你的CSS引入字体@font-face {
font-family: 'Material Icons';
font-style:
font-weight: 400;
src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
.material-icons {
font-family: 'Material Icons';
font-weight:
font-style:
font-size: 24 /* Preferred icon size */
display: inline-
line-height: 1;
text-transform:
/* Support for all WebKit browsers. */
-webkit-font-smoothing:
/* Support for Safari and Chrome. */
text-rendering: optimizeL
/* Support for Firefox. */
-moz-osx-font-smoothing:
/* Support for IE. */
font-feature-settings: 'liga';
STEP 3: HTML代码&i class=&material-icons&&face&/i&
更新详细的使用教程：
热门素材内容推荐
& CopyRight , , Inc.All Rights Reserved.Material Design(1) -- 色板
Google material design提供了色板的参考值，下面是显示效果。为了方便日后使用，我将这些色彩值保持到colors.xml中。这样以后在android里调用这些色彩就很方便啦:-)
colors.xml
&?xml version="1.0" encoding="utf-8"?&
&resources&
&color name="red50"&#fde0dc&/color&
&color name="red100"&#f9bdbb&/color&
&color name="red200"&#f69988&/color&
&color name="red300"&#f36c60&/color&
&color name="red400"&#e84e40&/color&
&color name="red500"&#e51c23&/color&
&color name="red600"&#dd191d&/color&
&color name="red700"&#d01716&/color&
&color name="red800"&#c41411&/color&
&color name="red900"&#b0120a&/color&
&color name="reda100"&#ff7997&/color&
&color name="reda200"&#ff5177&/color&
&color name="reda400"&#ff2d6f&/color&
&color name="reda700"&#e00032&/color&
&color name="pink50"&#fce4ec&/color&
&color name="pink100"&#f8bbd0&/color&
&color name="pink200"&#f48fb1&/color&
&color name="pink300"&#f06292&/color&
&color name="pink400"&#ec407a&/color&
&color name="pink500"&#e91e63&/color&
&color name="pink600"&#d81b60&/color&
&color name="pink700"&#c2185b&/color&
&color name="pink800"&#ad1457&/color&
&color name="pink900"&#880e4f&/color&
&color name="pinka100"&#ff80ab&/color&
&color name="pinka200"&#ff4081&/color&
&color name="pinka400"&#f50057&/color&
&color name="pinka700"&#c51162&/color&
&color name="purple50"&#f3e5f5&/color&
&color name="purple100"&#e1bee7&/color&
&color name="purple200"&#ce93d8&/color&
&color name="purple300"&#ba68c8&/color&
&color name="purple400"&#ab47bc&/color&
&color name="purple500"&#9c27b0&/color&
&color name="purple600"&#8e24aa&/color&
&color name="purple700"&#7b1fa2&/color&
&color name="purple800"&#6a1b9a&/color&
&color name="purple900"&#4a148c&/color&
&color name="purplea100"&#ea80fc&/color&
&color name="purplea200"&#e040fb&/color&
&color name="purplea400"&#d500f9&/color&
&color name="purplea700"&#aa00ff&/color&
&color name="deeppurple50"&#ede7f6&/color&
&color name="deeppurple100"&#d1c4e9&/color&
&color name="deeppurple200"&#b39ddb&/color&
&color name="deeppurple300"&#9575cd&/color&
&color name="deeppurple400"&#7e57c2&/color&
&color name="deeppurple500"&#673ab7&/color&
&color name="deeppurple600"&#5e35b1&/color&
&color name="deeppurple700"&#512da8&/color&
&color name="deeppurple800"&#4527a0&/color&
&color name="deeppurple900"&#311b92&/color&
&color name="deeppurplea100"&#b388ff&/color&
&color name="deeppurplea200"&#7c4dff&/color&
&color name="deeppurplea400"&#651fff&/color&
&color name="deeppurplea700"&#6200ea&/color&
&color name="indigo50"&#e8eaf6&/color&
&color name="indigo100"&#c5cae9&/color&
&color name="indigo200"&#9fa8da&/color&
&color name="indigo300"&#7986cb&/color&
&color name="indigo400"&#5c6bc0&/color&
&color name="indigo500"&#3f51b5&/color&
&color name="indigo600"&#3949ab&/color&
&color name="indigo700"&#303f9f&/color&
&color name="indigo800"&#283593&/color&
&color name="indigo900"&#1a237e&/color&
&color name="indigoa100"&#8c9eff&/color&
&color name="indigoa200"&#536dfe&/color&
&color name="indigoa400"&#3d5afe&/color&
&color name="indigoa700"&#304ffe&/color&
&color name="blue50"&#e7e9fd&/color&
&color name="blue100"&#d0d9ff&/color&
&color name="blue200"&#afbfff&/color&
&color name="blue300"&#91a7ff&/color&
&color name="blue400"&#738ffe&/color&
&color name="blue500"&#5677fc&/color&
&color name="blue600"&#4e6cef&/color&
&color name="blue700"&#455ede&/color&
&color name="blue800"&#3b50ce&/color&
&color name="blue900"&#2a36b1&/color&
&color name="bluea100"&#a6baff&/color&
&color name="bluea200"&#6889ff&/color&
&color name="bluea400"&#4d73ff&/color&
&color name="bluea700"&#4d69ff&/color&
&color name="lightblue50"&#e1f5fe&/color&
&color name="lightblue100"&#b3e5fc&/color&
&color name="lightblue200"&#81d4fa&/color&
&color name="lightblue300"&#4fc3f7&/color&
&color name="lightblue400"&#29b6f6&/color&
&color name="lightblue500"&#03a9f4&/color&
&color name="lightblue600"&#039be5&/color&
&color name="lightblue700"&#0288d1&/color&
&color name="lightblue800"&#0277bd&/color&
&color name="lightblue900"&#01579b&/color&
&color name="lightbluea100"&#80d8ff&/color&
&color name="lightbluea200"&#40c4ff&/color&
&color name="lightbluea400"&#00b0ff&/color&
&color name="lightbluea700"&#0091ea&/color&
&color name="cyan50"&#e0f7fa&/color&
&color name="cyan100"&#b2ebf2&/color&
&color name="cyan200"&#80deea&/color&
&color name="cyan300"&#4dd0e1&/color&
&color name="cyan400"&#26c6da&/color&
&color name="cyan500"&#00bcd4&/color&
&color name="cyan600"&#00acc1&/color&
&color name="cyan700"&#0097a7&/color&
&color name="cyan800"&#00838f&/color&
&color name="cyan900"&#006064&/color&
&color name="cyana100"&#84ffff&/color&
&color name="cyana200"&#18ffff&/color&
&color name="cyana400"&#00e5ff&/color&
&color name="cyana700"&#00b8d4&/color&
&color name="teal50"&#e0f2f1&/color&
&color name="teal100"&#b2dfdb&/color&
&color name="teal200"&#80cbc4&/color&
&color name="teal300"&#4db6ac&/color&
&color name="teal400"&#26a69a&/color&
&color name="teal500"&#009688&/color&
&color name="teal600"&#00897b&/color&
&color name="teal700"&#00796b&/color&
&color name="teal800"&#00695c&/color&
&color name="teal900"&#004d40&/color&
&color name="teala100"&#a7ffeb&/color&
&color name="teala200"&#64ffda&/color&
&color name="teala400"&#1de9b6&/color&
&color name="teala700"&#00bfa5&/color&
&color name="green50"&#d0f8ce&/color&
&color name="green100"&#a3e9a4&/color&
&color name="green200"&#72d572&/color&
&color name="green300"&#42bd41&/color&
&color name="green400"&#2baf2b&/color&
&color name="green500"&#259b24&/color&
&color name="green600"&#0a8f08&/color&
&color name="green700"&#0a7e07&/color&
&color name="green800"&#056f00&/color&
&color name="green900"&#0d5302&/color&
&color name="greena100"&#a2f78d&/color&
&color name="greena200"&#5af158&/color&
&color name="greena400"&#14e715&/color&
&color name="greena700"&#12c700&/color&
&color name="lightgreen50"&#f1f8e9&/color&
&color name="lightgreen100"&#dcedc8&/color&
&color name="lightgreen200"&#c5e1a5&/color&
&color name="lightgreen300"&#aed581&/color&
&color name="lightgreen400"&#9ccc65&/color&
&color name="lightgreen500"&#8bc34a&/color&
&color name="lightgreen600"&#7cb342&/color&
&color name="lightgreen700"&#689f38&/color&
&color name="lightgreen800"&#558b2f&/color&
&color name="lightgreen900"&#33691e&/color&
&color name="lightgreena100"&#ccff90&/color&
&color name="lightgreena200"&#b2ff59&/color&
&color name="lightgreena400"&#76ff03&/color&
&color name="lightgreena700"&#64dd17&/color&
&color name="lime50"&#f9fbe7&/color&
&color name="lime100"&#f0f4c3&/color&
&color name="lime200"&#e6ee9c&/color&
&color name="lime300"&#dce775&/color&
&color name="lime400"&#d4e157&/color&
&color name="lime500"&#cddc39&/color&
&color name="lime600"&#c0ca33&/color&
&color name="lime700"&#afb42b&/color&
&color name="lime800"&#9e9d24&/color&
&color name="lime900"&#827717&/color&
&color name="limea100"&#f4ff81&/color&
&color name="limea200"&#eeff41&/color&
&color name="limea400"&#c6ff00&/color&
&color name="limea700"&#aeea00&/color&
&color name="yellow50"&#fffde7&/color&
&color name="yellow100"&#fff9c4&/color&
&color name="yellow200"&#fff59d&/color&
&color name="yellow300"&#fff176&/color&
&color name="yellow400"&#ffee58&/color&
&color name="yellow500"&#ffeb3b&/color&
&color name="yellow600"&#fdd835&/color&
&color name="yellow700"&#fbc02d&/color&
&color name="yellow800"&#f9a825&/color&
&color name="yellow900"&#f57f17&/color&
&color name="yellowa100"&#ffff8d&/color&
&color name="yellowa200"&#ffff00&/color&
&color name="yellowa400"&#ffea00&/color&
&color name="yellowa700"&#ffd600&/color&
&color name="amber50"&#fff8e1&/color&
&color name="amber100"&#ffecb3&/color&
&color name="amber200"&#ffe082&/color&
&color name="amber300"&#ffd54f&/color&
&color name="amber400"&#ffca28&/color&
&color name="amber500"&#ffc107&/color&
&color name="amber600"&#ffb300&/color&
&color name="amber700"&#ffa000&/color&
&color name="amber800"&#ff8f00&/color&
&color name="amber900"&#ff6f00&/color&
&color name="ambera100"&#ffe57f&/color&
&color name="ambera200"&#ffd740&/color&
&color name="ambera400"&#ffc400&/color&
&color name="ambera700"&#ffab00&/color&
&color name="orange50"&#fff3e0&/color&
&color name="orange100"&#ffe0b2&/color&
&color name="orange200"&#ffcc80&/color&
&color name="orange300"&#ffb74d&/color&
&color name="orange400"&#ffa726&/color&
&color name="orange500"&#ff9800&/color&
&color name="orange600"&#fb8c00&/color&
&color name="orange700"&#f57c00&/color&
&color name="orange800"&#ef6c00&/color&
&color name="orange900"&#e65100&/color&
&color name="orangea100"&#ffd180&/color&
&color name="orangea200"&#ffab40&/color&
&color name="orangea400"&#ff9100&/color&
&color name="orangea700"&#ff6d00&/color&
&color name="deeporange50"&#fbe9e7&/color&
&color name="deeporange100"&#ffccbc&/color&
&color name="deeporange200"&#ffab91&/color&
&color name="deeporange300"&#ff8a65&/color&
&color name="deeporange400"&#ff7043&/color&
&color name="deeporange500"&#ff5722&/color&
&color name="deeporange600"&#f4511e&/color&
&color name="deeporange700"&#e64a19&/color&
&color name="deeporange800"&#d84315&/color&
&color name="deeporange900"&#bf360c&/color&
&color name="deeporangea100"&#ff9e80&/color&
&color name="deeporangea200"&#ff6e40&/color&
&color name="deeporangea400"&#ff3d00&/color&
&color name="deeporangea700"&#dd2c00&/color&
&color name="brown50"&#efebe9&/color&
&color name="brown100"&#d7ccc8&/color&
&color name="brown200"&#bcaaa4&/color&
&color name="brown300"&#a1887f&/color&
&color name="brown400"&#8d6e63&/color&
&color name="brown500"&#795548&/color&
&color name="brown600"&#6d4c41&/color&
&color name="brown700"&#5d4037&/color&
&color name="brown800"&#4e342e&/color&
&color name="brown900"&#3e2723&/color&
&color name="grey50"&#fafafa&/color&
&color name="grey100"&#f5f5f5&/color&
&color name="grey200"&#eeeeee&/color&
&color name="grey300"&#e0e0e0&/color&
&color name="grey400"&#bdbdbd&/color&
&color name="grey500"&#9e9e9e&/color&
&color name="grey600"&#757575&/color&
&color name="grey700"&#616161&/color&
&color name="grey800"&#424242&/color&
&color name="grey900"&#212121&/color&
&color name="grey1000"&#000000&/color&
&color name="bluegrey50"&#eceff1&/color&
&color name="bluegrey100"&#cfd8dc&/color&
&color name="bluegrey200"&#b0bec5&/color&
&color name="bluegrey300"&#90a4ae&/color&
&color name="bluegrey400"&#78909c&/color&
&color name="bluegrey500"&#607d8b&/color&
&color name="bluegrey600"&#546e7a&/color&
&color name="bluegrey700"&#455a64&/color&
&color name="bluegrey800"&#37474f&/color&
&color name="bluegrey900"&#263238&/color&
&/resources&
strings.xml
&?xml version="1.0" encoding="utf-8"?&
&resources&
&string name="red50"&red50&/string&
&string name="red100"&red100&/string&
&string name="red200"&red200&/string&
&string name="red300"&red300&/string&
&string name="red400"&red400&/string&
&string name="red500"&red500&/string&
&string name="red600"&red600&/string&
&string name="red700"&red700&/string&
&string name="red800"&red800&/string&
&string name="red900"&red900&/string&
&string name="reda100"&reda100&/string&
&string name="reda200"&reda200&/string&
&string name="reda400"&reda400&/string&
&string name="reda700"&reda700&/string&
&string name="pink50"&pink50&/string&
&string name="pink100"&pink100&/string&
&string name="pink200"&pink200&/string&
&string name="pink300"&pink300&/string&
&string name="pink400"&pink400&/string&
&string name="pink500"&pink500&/string&
&string name="pink600"&pink600&/string&
&string name="pink700"&pink700&/string&
&string name="pink800"&pink800&/string&
&string name="pink900"&pink900&/string&
&string name="pinka100"&pinka100&/string&
&string name="pinka200"&pinka200&/string&
&string name="pinka400"&pinka400&/string&
&string name="pinka700"&pinka700&/string&
&string name="purple50"&purple50&/string&
&string name="purple100"&purple100&/string&
&string name="purple200"&purple200&/string&
&string name="purple300"&purple300&/string&
&string name="purple400"&purple400&/string&
&string name="purple500"&purple500&/string&
&string name="purple600"&purple600&/string&
&string name="purple700"&purple700&/string&
&string name="purple800"&purple800&/string&
&string name="purple900"&purple900&/string&
&string name="purplea100"&purplea100&/string&
&string name="purplea200"&purplea200&/string&
&string name="purplea400"&purplea400&/string&
&string name="purplea700"&purplea700&/string&
&string name="deeppurple50"&deeppurple50&/string&
&string name="deeppurple100"&deeppurple100&/string&
&string name="deeppurple200"&deeppurple200&/string&
&string name="deeppurple300"&deeppurple300&/string&
&string name="deeppurple400"&deeppurple400&/string&
&string name="deeppurple500"&deeppurple500&/string&
&string name="deeppurple600"&deeppurple600&/string&
&string name="deeppurple700"&deeppurple700&/string&
&string name="deeppurple800"&deeppurple800&/string&
&string name="deeppurple900"&deeppurple900&/string&
&string name="deeppurplea100"&deeppurplea100&/string&
&string name="deeppurplea200"&deeppurplea200&/string&
&string name="deeppurplea400"&deeppurplea400&/string&
&string name="deeppurplea700"&deeppurplea700&/string&
&string name="indigo50"&indigo50&/string&
&string name="indigo100"&indigo100&/string&
&string name="indigo200"&indigo200&/string&
&string name="indigo300"&indigo300&/string&
&string name="indigo400"&indigo400&/string&
&string name="indigo500"&indigo500&/string&
&string name="indigo600"&indigo600&/string&
&string name="indigo700"&indigo700&/string&
&string name="indigo800"&indigo800&/string&
&string name="indigo900"&indigo900&/string&
&string name="indigoa100"&indigoa100&/string&
&string name="indigoa200"&indigoa200&/string&
&string name="indigoa400"&indigoa400&/string&
&string name="indigoa700"&indigoa700&/string&
&string name="blue50"&blue50&/string&
&string name="blue100"&blue100&/string&
&string name="blue200"&blue200&/string&
&string name="blue300"&blue300&/string&
&string name="blue400"&blue400&/string&
&string name="blue500"&blue500&/string&
&string name="blue600"&blue600&/string&
&string name="blue700"&blue700&/string&
&string name="blue800"&blue800&/string&
&string name="blue900"&blue900&/string&
&string name="bluea100"&bluea100&/string&
&string name="bluea200"&bluea200&/string&
&string name="bluea400"&bluea400&/string&
&string name="bluea700"&bluea700&/string&
&string name="lightblue50"&lightblue50&/string&
&string name="lightblue100"&lightblue100&/string&
&string name="lightblue200"&lightblue200&/string&
&string name="lightblue300"&lightblue300&/string&
&string name="lightblue400"&lightblue400&/string&
&string name="lightblue500"&lightblue500&/string&
&string name="lightblue600"&lightblue600&/string&
&string name="lightblue700"&lightblue700&/string&
&string name="lightblue800"&lightblue800&/string&
&string name="lightblue900"&lightblue900&/string&
&string name="lightbluea100"&lightbluea100&/string&
&string name="lightbluea200"&lightbluea200&/string&
&string name="lightbluea400"&lightbluea400&/string&
&string name="lightbluea700"&lightbluea700&/string&
&string name="cyan50"&cyan50&/string&
&string name="cyan100"&cyan100&/string&
&string name="cyan200"&cyan200&/string&
&string name="cyan300"&cyan300&/string&
&string name="cyan400"&cyan400&/string&
&string name="cyan500"&cyan500&/string&
&string name="cyan600"&cyan600&/string&
&string name="cyan700"&cyan700&/string&
&string name="cyan800"&cyan800&/string&
&string name="cyan900"&cyan900&/string&
&string name="cyana100"&cyana100&/string&
&string name="cyana200"&cyana200&/string&
&string name="cyana400"&cyana400&/string&
&string name="cyana700"&cyana700&/string&
&string name="teal50"&teal50&/string&
&string name="teal100"&teal100&/string&
&string name="teal200"&teal200&/string&
&string name="teal300"&teal300&/string&
&string name="teal400"&teal400&/string&
&string name="teal500"&teal500&/string&
&string name="teal600"&teal600&/string&
&string name="teal700"&teal700&/string&
&string name="teal800"&teal800&/string&
&string name="teal900"&teal900&/string&
&string name="teala100"&teala100&/string&
&string name="teala200"&teala200&/string&
&string name="teala400"&teala400&/string&
&string name="teala700"&teala700&/string&
&string name="green50"&green50&/string&
&string name="green100"&green100&/string&
&string name="green200"&green200&/string&
&string name="green300"&green300&/string&
&string name="green400"&green400&/string&
&string name="green500"&green500&/string&
&string name="green600"&green600&/string&
&string name="green700"&green700&/string&
&string name="green800"&green800&/string&
&string name="green900"&green900&/string&
&string name="greena100"&greena100&/string&
&string name="greena200"&greena200&/string&
&string name="greena400"&greena400&/string&
&string name="greena700"&greena700&/string&
&string name="lightgreen50"&lightgreen50&/string&
&string name="lightgreen100"&lightgreen100&/string&
&string name="lightgreen200"&lightgreen200&/string&
&string name="lightgreen300"&lightgreen300&/string&
&string name="lightgreen400"&lightgreen400&/string&
&string name="lightgreen500"&lightgreen500&/string&
&string name="lightgreen600"&lightgreen600&/string&
&string name="lightgreen700"&lightgreen700&/string&
&string name="lightgreen800"&lightgreen800&/string&
&string name="lightgreen900"&lightgreen900&/string&
&string name="lightgreena100"&lightgreena100&/string&
&string name="lightgreena200"&lightgreena200&/string&
&string name="lightgreena400"&lightgreena400&/string&
&string name="lightgreena700"&lightgreena700&/string&
&string name="lime50"&lime50&/string&
&string name="lime100"&lime100&/string&
&string name="lime200"&lime200&/string&
&string name="lime300"&lime300&/string&
&string name="lime400"&lime400&/string&
&string name="lime500"&lime500&/string&
&string name="lime600"&lime600&/string&
&string name="lime700"&lime700&/string&
&string name="lime800"&lime800&/string&
&string name="lime900"&lime900&/string&
&string name="limea100"&limea100&/string&
&string name="limea200"&limea200&/string&
&string name="limea400"&limea400&/string&
&string name="limea700"&limea700&/string&
&string name="yellow50"&yellow50&/string&
&string name="yellow100"&yellow100&/string&
&string name="yellow200"&yellow200&/string&
&string name="yellow300"&yellow300&/string&
&string name="yellow400"&yellow400&/string&
&string name="yellow500"&yellow500&/string&
&string name="yellow600"&yellow600&/string&
&string name="yellow700"&yellow700&/string&
&string name="yellow800"&yellow800&/string&
&string name="yellow900"&yellow900&/string&
&string name="yellowa100"&yellowa100&/string&
&string name="yellowa200"&yellowa200&/string&
&string name="yellowa400"&yellowa400&/string&
&string name="yellowa700"&yellowa700&/string&
&string name="amber50"&amber50&/string&
&string name="amber100"&amber100&/string&
&string name="amber200"&amber200&/string&
&string name="amber300"&amber300&/string&
&string name="amber400"&amber400&/string&
&string name="amber500"&amber500&/string&
&string name="amber600"&amber600&/string&
&string name="amber700"&amber700&/string&
&string name="amber800"&amber800&/string&
&string name="amber900"&amber900&/string&
&string name="ambera100"&ambera100&/string&
&string name="ambera200"&ambera200&/string&
&string name="ambera400"&ambera400&/string&
&string name="ambera700"&ambera700&/string&
&string name="orange50"&orange50&/string&
&string name="orange100"&orange100&/string&
&string name="orange200"&orange200&/string&
&string name="orange300"&orange300&/string&
&string name="orange400"&orange400&/string&
&string name="orange500"&orange500&/string&
&string name="orange600"&orange600&/string&
&string name="orange700"&orange700&/string&
&string name="orange800"&orange800&/string&
&string name="orange900"&orange900&/string&
&string name="orangea100"&orangea100&/string&
&string name="orangea200"&orangea200&/string&
&string name="orangea400"&orangea400&/string&
&string name="orangea700"&orangea700&/string&
&string name="deeporange50"&deeporange50&/string&
&string name="deeporange100"&deeporange100&/string&
&string name="deeporange200"&deeporange200&/string&
&string name="deeporange300"&deeporange300&/string&
&string name="deeporange400"&deeporange400&/string&
&string name="deeporange500"&deeporange500&/string&
&string name="deeporange600"&deeporange600&/string&
&string name="deeporange700"&deeporange700&/string&
&string name="deeporange800"&deeporange800&/string&
&string name="deeporange900"&deeporange900&/string&
&string name="deeporangea100"&deeporangea100&/string&
&string name="deeporangea200"&deeporangea200&/string&
&string name="deeporangea400"&deeporangea400&/string&
&string name="deeporangea700"&deeporangea700&/string&
&string name="brown50"&brown50&/string&
&string name="brown100"&brown100&/string&
&string name="brown200"&brown200&/string&
&string name="brown300"&brown300&/string&
&string name="brown400"&brown400&/string&
&string name="brown500"&brown500&/string&
&string name="brown600"&brown600&/string&
&string name="brown700"&brown700&/string&
&string name="brown800"&brown800&/string&
&string name="brown900"&brown900&/string&
&string name="grey50"&grey50&/string&
&string name="grey100"&grey100&/string&
&string name="grey200"&grey200&/string&
&string name="grey300"&grey300&/string&
&string name="grey400"&grey400&/string&
&string name="grey500"&grey500&/string&
&string name="grey600"&grey600&/string&
&string name="grey700"&grey700&/string&
&string name="grey800"&grey800&/string&
&string name="grey900"&grey900&/string&
&string name="grey1000"&grey1000&/string&
&string name="bluegrey50"&bluegrey50&/string&
&string name="bluegrey100"&bluegrey100&/string&
&string name="bluegrey200"&bluegrey200&/string&
&string name="bluegrey300"&bluegrey300&/string&
&string name="bluegrey400"&bluegrey400&/string&
&string name="bluegrey500"&bluegrey500&/string&
&string name="bluegrey600"&bluegrey600&/string&
&string name="bluegrey700"&bluegrey700&/string&
&string name="bluegrey800"&bluegrey800&/string&
&string name="bluegrey900"&bluegrey900&/string&
&/resources&
MaterialDesignColor谷歌官方的MaterialDesign颜色代码
Material Design(2) -- UI色彩的使用
《Material Design》设计 - 色彩篇 - UI调色板
Material Design颜色xml
Material Design系列之配色设置
助你快速搭配 Material Design 配色方案的10款Web工具
MaterialDesign的颜色代码
9 款你必须知道的 Material Design 调色板
没有更多推荐了，