colors.xml已写好拿走不谢

时间  2021-01-12
栏目 XML 繁體版
原文   原文链接
http://www.google.com/design/spec/style/color.html#color-ui-color-palette 

调色板以一些基础色为基准，通过填充光谱来为Android、Web和iOS环境提供一套完整可用的颜色。基础色的饱和度是500。

  • Red500#F44336
  • 50#FFEBEE
  • 100#FFCDD2
  • 200#EF9A9A
  • 300#E57373
  • 400#EF5350
  • 500#F44336
  • 600#E53935
  • 700#D32F2F
  • 800#C62828
  • 900#B71C1C
  • A100#FF8A80
  • A200#FF5252
  • A400#FF1744
  • A700#D50000
  • Pink500#E91E63
  • 50#FCE4EC
  • 100#F8BBD0
  • 200#F48FB1
  • 300#F06292
  • 400#EC407A
  • 500#E91E63
  • 600#D81B60
  • 700#C2185B
  • 800#AD1457
  • 900#880E4F
  • A100#FF80AB
  • A200#FF4081
  • A400#F50057
  • A700#C51162
  • Purple500#9C27B0
  • 50#F3E5F5
  • 100#E1BEE7
  • 200#CE93D8
  • 300#BA68C8
  • 400#AB47BC
  • 500#9C27B0
  • 600#8E24AA
  • 700#7B1FA2
  • 800#6A1B9A
  • 900#4A148C
  • A100#EA80FC
  • A200#E040FB
  • A400#D500F9
  • A700#AA00FF
  • Deep Purple500#673AB7
  • 50#EDE7F6
  • 100#D1C4E9
  • 200#B39DDB
  • 300#9575CD
  • 400#7E57C2
  • 500#673AB7
  • 600#5E35B1
  • 700#512DA8
  • 800#4527A0
  • 900#311B92
  • A100#B388FF
  • A200#7C4DFF
  • A400#651FFF
  • A700#6200EA
  • Indigo500#3F51B5
  • 50#E8EAF6
  • 100#C5CAE9
  • 200#9FA8DA
  • 300#7986CB
  • 400#5C6BC0
  • 500#3F51B5
  • 600#3949AB
  • 700#303F9F
  • 800#283593
  • 900#1A237E
  • A100#8C9EFF
  • A200#536DFE
  • A400#3D5AFE
  • A700#304FFE
  • Blue500#2196F3
  • 50#E3F2FD
  • 100#BBDEFB
  • 200#90CAF9
  • 300#64B5F6
  • 400#42A5F5
  • 500#2196F3
  • 600#1E88E5
  • 700#1976D2
  • 800#1565C0
  • 900#0D47A1
  • A100#82B1FF
  • A200#448AFF
  • A400#2979FF
  • A700#2962FF
  • Light Blue500#03A9F4
  • 50#E1F5FE
  • 100#B3E5FC
  • 200#81D4FA
  • 300#4FC3F7
  • 400#29B6F6
  • 500#03A9F4
  • 600#039BE5
  • 700#0288D1
  • 800#0277BD
  • 900#01579B
  • A100#80D8FF
  • A200#40C4FF
  • A400#00B0FF
  • A700#0091EA
  • Cyan500#00BCD4
  • 50#E0F7FA
  • 100#B2EBF2
  • 200#80DEEA
  • 300#4DD0E1
  • 400#26C6DA
  • 500#00BCD4
  • 600#00ACC1
  • 700#0097A7
  • 800#00838F
  • 900#006064
  • A100#84FFFF
  • A200#18FFFF
  • A400#00E5FF
  • A700#00B8D4
  • Teal500#009688
  • 50#E0F2F1
  • 100#B2DFDB
  • 200#80CBC4
  • 300#4DB6AC
  • 400#26A69A
  • 500#009688
  • 600#00897B
  • 700#00796B
  • 800#00695C
  • 900#004D40
  • A100#A7FFEB
  • A200#64FFDA
  • A400#1DE9B6
  • A700#00BFA5
  • Green500#4CAF50
  • 50#E8F5E9
  • 100#C8E6C9
  • 200#A5D6A7
  • 300#81C784
  • 400#66BB6A
  • 500#4CAF50
  • 600#43A047
  • 700#388E3C
  • 800#2E7D32
  • 900#1B5E20
  • A100#B9F6CA
  • A200#69F0AE
  • A400#00E676
  • A700#00C853
  • Light Green500#8BC34A
  • 50#F1F8E9
  • 100#DCEDC8
  • 200#C5E1A5
  • 300#AED581
  • 400#9CCC65
  • 500#8BC34A
  • 600#7CB342
  • 700#689F38
  • 800#558B2F
  • 900#33691E
  • A100#CCFF90
  • A200#B2FF59
  • A400#76FF03
  • A700#64DD17
  • Lime500#CDDC39
  • 50#F9FBE7
  • 100#F0F4C3
  • 200#E6EE9C
  • 300#DCE775
  • 400#D4E157
  • 500#CDDC39
  • 600#C0CA33
  • 700#AFB42B
  • 800#9E9D24
  • 900#827717
  • A100#F4FF81
  • A200#EEFF41
  • A400#C6FF00
  • A700#AEEA00
  • Yellow500#FFEB3B
  • 50#FFFDE7
  • 100#FFF9C4
  • 200#FFF59D
  • 300#FFF176
  • 400#FFEE58
  • 500#FFEB3B
  • 600#FDD835
  • 700#FBC02D
  • 800#F9A825
  • 900#F57F17
  • A100#FFFF8D
  • A200#FFFF00
  • A400#FFEA00
  • A700#FFD600
  • Amber500#FFC107
  • 50#FFF8E1
  • 100#FFECB3
  • 200#FFE082
  • 300#FFD54F
  • 400#FFCA28
  • 500#FFC107
  • 600#FFB300
  • 700#FFA000
  • 800#FF8F00
  • 900#FF6F00
  • A100#FFE57F
  • A200#FFD740
  • A400#FFC400
  • A700#FFAB00
  • Orange500#FF9800
  • 50#FFF3E0
  • 100#FFE0B2
  • 200#FFCC80
  • 300#FFB74D
  • 400#FFA726
  • 500#FF9800
  • 600#FB8C00
  • 700#F57C00
  • 800#EF6C00
  • 900#E65100
  • A100#FFD180
  • A200#FFAB40
  • A400#FF9100
  • A700#FF6D00
  • Deep Orange500#FF5722
  • 50#FBE9E7
  • 100#FFCCBC
  • 200#FFAB91
  • 300#FF8A65
  • 400#FF7043
  • 500#FF5722
  • 600#F4511E
  • 700#E64A19
  • 800#D84315
  • 900#BF360C
  • A100#FF9E80
  • A200#FF6E40
  • A400#FF3D00
  • A700#DD2C00
  • Brown500#795548
  • 50#EFEBE9
  • 100#D7CCC8
  • 200#BCAAA4
  • 300#A1887F
  • 400#8D6E63
  • 500#795548
  • 600#6D4C41
  • 700#5D4037
  • 800#4E342E
  • 900#3E2723
  • Grey500#9E9E9E
  • 50#FAFAFA
  • 100#F5F5F5
  • 200#EEEEEE
  • 300#E0E0E0
  • 400#BDBDBD
  • 500#9E9E9E
  • 600#757575
  • 700#616161
  • 800#424242
  • 900#212121
  • Blue Grey500#607D8B
  • 50#ECEFF1
  • 100#CFD8DC
  • 200#B0BEC5
  • 300#90A4AE
  • 400#78909C
  • 500#607D8B
  • 600#546E7A
  • 700#455A64
  • 800#37474F
  • 900#263238
  • Black#000000
  • White#FFFFFF
















































































































































































































































































colors.xml

[html]  view plain  copy
  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 name="deeppurplea700">#6200ea</color>  
  67.                   
  68.         <color name="indigo50">#e8eaf6</color>  
  69.         <color name="indigo100">#c5cae9</color>  
  70.         <color name="indigo200">#9fa8da</color>  
  71.         <color name="indigo300">#7986cb</color>  
  72.                   
  73.         <color name="indigo50">#e8eaf6</color>  
  74.         <color name="indigo100">#c5cae9</color>  
  75.         <color name="indigo200">#9fa8da</color>  
  76.         <color name="indigo300">#7986cb</color>  
  77.         <color          <color name
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程