colors.xml已写好拿走不谢

最新推荐文章于 2024-02-28 15:54:12 发布

jessica_zc

最新推荐文章于 2024-02-28 15:54:12 发布

阅读量1.5k

点赞数 3

分类专栏：好的学习资源

本文链接：https://blog.csdn.net/jessica_zc/article/details/78480155

版权

这篇博客主要介绍了如何使用colors.xml文件创建和管理Android应用中的颜色资源。包括了多个颜色色板的选择，如红、粉、紫、蓝、绿、黄、橙、深橙、棕、灰和蓝灰色等，并提供了每个色板的不同饱和度和透明度的色彩代码。还讲解了在文字、图标和分割线中巧妙运用alpha值，以及如何选择强调色和回退色。同时，提到了颜色在工具条、状态栏和大面积背景中的应用建议。

摘要由CSDN通过智能技术生成

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 
   
 <?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>  
         <