码迷,mamicode.com
首页 > 其他好文 > 详细

[转载]Material Design颜色

时间:2015-10-04 21:00:29      阅读:348      评论:0      收藏:0      [点我收藏+]

标签:

http://www.google.com/design/spec/style/color.html#color-ui-color-palette 

Google material design提供了色板的参考值

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

 

  1 <?xml version="1.0" encoding="utf-8"?>
  2     <resources>
  3         <color name="red50">#fde0dc</color>
  4         <color name="red100">#f9bdbb</color>
  5         <color name="red200">#f69988</color>
  6         <color name="red300">#f36c60</color>
  7         <color name="red400">#e84e40</color>
  8         <color name="red500">#e51c23</color>
  9         <color name="red600">#dd191d</color>
 10         <color name="red700">#d01716</color>
 11         <color name="red800">#c41411</color>
 12         <color name="red900">#b0120a</color>
 13         <color name="reda100">#ff7997</color>
 14         <color name="reda200">#ff5177</color>
 15         <color name="reda400">#ff2d6f</color>
 16         <color name="reda700">#e00032</color>        
 17         
 18         <color name="pink50">#fce4ec</color>
 19         <color name="pink100">#f8bbd0</color>
 20         <color name="pink200">#f48fb1</color>
 21         <color name="pink300">#f06292</color>
 22         <color name="pink400">#ec407a</color>
 23         <color name="pink500">#e91e63</color>
 24         <color name="pink600">#d81b60</color>
 25         <color name="pink700">#c2185b</color>
 26         <color name="pink800">#ad1457</color>
 27         <color name="pink900">#880e4f</color>
 28         <color name="pinka100">#ff80ab</color>
 29         <color name="pinka200">#ff4081</color>
 30         <color name="pinka400">#f50057</color>
 31         <color name="pinka700">#c51162</color>
 32                         
 33         <color name="purple50">#f3e5f5</color>
 34         <color name="purple100">#e1bee7</color>
 35         <color name="purple200">#ce93d8</color>
 36         <color name="purple300">#ba68c8</color>
 37         <color name="purple400">#ab47bc</color>
 38         <color name="purple500">#9c27b0</color>
 39         <color name="purple600">#8e24aa</color>
 40         <color name="purple700">#7b1fa2</color>
 41         <color name="purple800">#6a1b9a</color>
 42         <color name="purple900">#4a148c</color>
 43         <color name="purplea100">#ea80fc</color>
 44         <color name="purplea200">#e040fb</color>
 45         <color name="purplea400">#d500f9</color>
 46         <color name="purplea700">#aa00ff</color>
 47                 
 48         <color name="deeppurple50">#ede7f6</color>
 49         <color name="deeppurple100">#d1c4e9</color>
 50         <color name="deeppurple200">#b39ddb</color>
 51         <color name="deeppurple300">#9575cd</color>
 52         <color name="deeppurple400">#7e57c2</color>
 53         <color name="deeppurple500">#673ab7</color>
 54         <color name="deeppurple600">#5e35b1</color>
 55         <color name="deeppurple700">#512da8</color>
 56         <color name="deeppurple800">#4527a0</color>
 57         <color name="deeppurple900">#311b92</color>
 58         <color name="deeppurplea100">#b388ff</color>
 59         <color name="deeppurplea200">#7c4dff</color>
 60         <color name="deeppurplea400">#651fff</color>
 61         <color name="deeppurplea700">#6200ea</color>
 62                 
 63         <color name="indigo50">#e8eaf6</color>
 64         <color name="indigo100">#c5cae9</color>
 65         <color name="indigo200">#9fa8da</color>
 66         <color name="indigo300">#7986cb</color>
 67         <color name="indigo400">#5c6bc0</color>
 68         <color name="indigo500">#3f51b5</color>
 69         <color name="indigo600">#3949ab</color>
 70         <color name="indigo700">#303f9f</color>
 71         <color name="indigo800">#283593</color>
 72         <color name="indigo900">#1a237e</color>
 73         <color name="indigoa100">#8c9eff</color>
 74         <color name="indigoa200">#536dfe</color>
 75         <color name="indigoa400">#3d5afe</color>
 76         <color name="indigoa700">#304ffe</color>
 77                 
 78         <color name="blue50">#e7e9fd</color>
 79         <color name="blue100">#d0d9ff</color>
 80         <color name="blue200">#afbfff</color>
 81         <color name="blue300">#91a7ff</color>
 82         <color name="blue400">#738ffe</color>
 83         <color name="blue500">#5677fc</color>
 84         <color name="blue600">#4e6cef</color>
 85         <color name="blue700">#455ede</color>
 86         <color name="blue800">#3b50ce</color>
 87         <color name="blue900">#2a36b1</color>
 88         <color name="bluea100">#a6baff</color>
 89         <color name="bluea200">#6889ff</color>
 90         <color name="bluea400">#4d73ff</color>
 91         <color name="bluea700">#4d69ff</color>
 92                 
 93         <color name="lightblue50">#e1f5fe</color>
 94         <color name="lightblue100">#b3e5fc</color>
 95         <color name="lightblue200">#81d4fa</color>
 96         <color name="lightblue300">#4fc3f7</color>
 97         <color name="lightblue400">#29b6f6</color>
 98         <color name="lightblue500">#03a9f4</color>
 99         <color name="lightblue600">#039be5</color>
100         <color name="lightblue700">#0288d1</color>
101         <color name="lightblue800">#0277bd</color>
102         <color name="lightblue900">#01579b</color>
103         <color name="lightbluea100">#80d8ff</color>
104         <color name="lightbluea200">#40c4ff</color>
105         <color name="lightbluea400">#00b0ff</color>
106         <color name="lightbluea700">#0091ea</color>   
107         
108         <color name="cyan50">#e0f7fa</color>
109         <color name="cyan100">#b2ebf2</color>
110         <color name="cyan200">#80deea</color>
111         <color name="cyan300">#4dd0e1</color>
112         <color name="cyan400">#26c6da</color>
113         <color name="cyan500">#00bcd4</color>
114         <color name="cyan600">#00acc1</color>
115         <color name="cyan700">#0097a7</color>
116         <color name="cyan800">#00838f</color>
117         <color name="cyan900">#006064</color>
118         <color name="cyana100">#84ffff</color>
119         <color name="cyana200">#18ffff</color>
120         <color name="cyana400">#00e5ff</color>
121         <color name="cyana700">#00b8d4</color>
122         
123         <color name="teal50">#e0f2f1</color>
124         <color name="teal100">#b2dfdb</color>
125         <color name="teal200">#80cbc4</color>
126         <color name="teal300">#4db6ac</color>
127         <color name="teal400">#26a69a</color>
128         <color name="teal500">#009688</color>
129         <color name="teal600">#00897b</color>
130         <color name="teal700">#00796b</color>
131         <color name="teal800">#00695c</color>
132         <color name="teal900">#004d40</color>
133         <color name="teala100">#a7ffeb</color>
134         <color name="teala200">#64ffda</color>
135         <color name="teala400">#1de9b6</color>
136         <color name="teala700">#00bfa5</color>
137         
138         <color name="green50">#d0f8ce</color>
139         <color name="green100">#a3e9a4</color>
140         <color name="green200">#72d572</color>
141         <color name="green300">#42bd41</color>
142         <color name="green400">#2baf2b</color>
143         <color name="green500">#259b24</color>
144         <color name="green600">#0a8f08</color>
145         <color name="green700">#0a7e07</color>
146         <color name="green800">#056f00</color>
147         <color name="green900">#0d5302</color>
148         <color name="greena100">#a2f78d</color>
149         <color name="greena200">#5af158</color>
150         <color name="greena400">#14e715</color>
151         <color name="greena700">#12c700</color>
152         
153         <color name="lightgreen50">#f1f8e9</color>
154         <color name="lightgreen100">#dcedc8</color>
155         <color name="lightgreen200">#c5e1a5</color>
156         <color name="lightgreen300">#aed581</color>
157         <color name="lightgreen400">#9ccc65</color>
158         <color name="lightgreen500">#8bc34a</color>
159         <color name="lightgreen600">#7cb342</color>
160         <color name="lightgreen700">#689f38</color>
161         <color name="lightgreen800">#558b2f</color>
162         <color name="lightgreen900">#33691e</color>
163         <color name="lightgreena100">#ccff90</color>
164         <color name="lightgreena200">#b2ff59</color>
165         <color name="lightgreena400">#76ff03</color>
166         <color name="lightgreena700">#64dd17</color>
167         
168         <color name="lime50">#f9fbe7</color>
169         <color name="lime100">#f0f4c3</color>
170         <color name="lime200">#e6ee9c</color>
171         <color name="lime300">#dce775</color>
172         <color name="lime400">#d4e157</color>
173         <color name="lime500">#cddc39</color>
174         <color name="lime600">#c0ca33</color>
175         <color name="lime700">#afb42b</color>
176         <color name="lime800">#9e9d24</color>
177         <color name="lime900">#827717</color>
178         <color name="limea100">#f4ff81</color>
179         <color name="limea200">#eeff41</color>
180         <color name="limea400">#c6ff00</color>
181         <color name="limea700">#aeea00</color>
182         
183         <color name="yellow50">#fffde7</color>
184         <color name="yellow100">#fff9c4</color>
185         <color name="yellow200">#fff59d</color>
186         <color name="yellow300">#fff176</color>
187         <color name="yellow400">#ffee58</color>
188         <color name="yellow500">#ffeb3b</color>
189         <color name="yellow600">#fdd835</color>
190         <color name="yellow700">#fbc02d</color>
191         <color name="yellow800">#f9a825</color>
192         <color name="yellow900">#f57f17</color>
193         <color name="yellowa100">#ffff8d</color>
194         <color name="yellowa200">#ffff00</color>
195         <color name="yellowa400">#ffea00</color>
196         <color name="yellowa700">#ffd600</color>   
197         
198         <color name="amber50">#fff8e1</color>
199         <color name="amber100">#ffecb3</color>
200         <color name="amber200">#ffe082</color>
201         <color name="amber300">#ffd54f</color>
202         <color name="amber400">#ffca28</color>
203         <color name="amber500">#ffc107</color>
204         <color name="amber600">#ffb300</color>
205         <color name="amber700">#ffa000</color>
206         <color name="amber800">#ff8f00</color>
207         <color name="amber900">#ff6f00</color>
208         <color name="ambera100">#ffe57f</color>
209         <color name="ambera200">#ffd740</color>
210         <color name="ambera400">#ffc400</color>
211         <color name="ambera700">#ffab00</color>
212         
213         <color name="orange50">#fff3e0</color>
214         <color name="orange100">#ffe0b2</color>
215         <color name="orange200">#ffcc80</color>
216         <color name="orange300">#ffb74d</color>
217         <color name="orange400">#ffa726</color>
218         <color name="orange500">#ff9800</color>
219         <color name="orange600">#fb8c00</color>
220         <color name="orange700">#f57c00</color>
221         <color name="orange800">#ef6c00</color>
222         <color name="orange900">#e65100</color>
223         <color name="orangea100">#ffd180</color>
224         <color name="orangea200">#ffab40</color>
225         <color name="orangea400">#ff9100</color>
226         <color name="orangea700">#ff6d00</color>
227         
228         <color name="deeporange50">#fbe9e7</color>
229         <color name="deeporange100">#ffccbc</color>
230         <color name="deeporange200">#ffab91</color>
231         <color name="deeporange300">#ff8a65</color>
232         <color name="deeporange400">#ff7043</color>
233         <color name="deeporange500">#ff5722</color>
234         <color name="deeporange600">#f4511e</color>
235         <color name="deeporange700">#e64a19</color>
236         <color name="deeporange800">#d84315</color>
237         <color name="deeporange900">#bf360c</color>
238         <color name="deeporangea100">#ff9e80</color>
239         <color name="deeporangea200">#ff6e40</color>
240         <color name="deeporangea400">#ff3d00</color>
241         <color name="deeporangea700">#dd2c00</color>
242         
243         <color name="brown50">#efebe9</color>
244         <color name="brown100">#d7ccc8</color>
245         <color name="brown200">#bcaaa4</color>
246         <color name="brown300">#a1887f</color>
247         <color name="brown400">#8d6e63</color>
248         <color name="brown500">#795548</color>
249         <color name="brown600">#6d4c41</color>
250         <color name="brown700">#5d4037</color>
251         <color name="brown800">#4e342e</color>
252         <color name="brown900">#3e2723</color>
253         
254         <color name="grey50">#fafafa</color>
255         <color name="grey100">#f5f5f5</color>
256         <color name="grey200">#eeeeee</color>
257         <color name="grey300">#e0e0e0</color>
258         <color name="grey400">#bdbdbd</color>
259         <color name="grey500">#9e9e9e</color>
260         <color name="grey600">#757575</color>
261         <color name="grey700">#616161</color>
262         <color name="grey800">#424242</color>
263         <color name="grey900">#212121</color>
264         <color name="grey1000">#000000</color>
265         
266         <color name="bluegrey50">#eceff1</color>
267         <color name="bluegrey100">#cfd8dc</color>
268         <color name="bluegrey200">#b0bec5</color>
269         <color name="bluegrey300">#90a4ae</color>
270         <color name="bluegrey400">#78909c</color>
271         <color name="bluegrey500">#607d8b</color>
272         <color name="bluegrey600">#546e7a</color>
273         <color name="bluegrey700">#455a64</color>
274         <color name="bluegrey800">#37474f</color>
275         <color name="bluegrey900">#263238</color>        
276     </resources>

 

[转载]Material Design颜色

标签:

原文地址:http://www.cnblogs.com/pzpzpop/p/4854949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!