标签:
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>
标签:
原文地址:http://www.cnblogs.com/pzpzpop/p/4854949.html