Material Design(1) -- 色板

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

Google material design提供了色板的参考值,下面是显示效果。为了方便日后使用,我将这些色彩值保持到colors.xml中。这样以后在android里调用这些色彩就很方便啦:-)

Material Design(1) -- 色板_第1张图片

Material Design(1) -- 色板_第2张图片

Material Design(1) -- 色板_第3张图片

Material Design(1) -- 色板_第4张图片

Material Design(1) -- 色板_第5张图片

Material Design(1) -- 色板_第6张图片

Material Design(1) -- 色板_第7张图片


colors.xml


    
        #fde0dc
        #f9bdbb
        #f69988
        #f36c60
        #e84e40
        #e51c23
        #dd191d
        #d01716
        #c41411
        #b0120a
        #ff7997
        #ff5177
        #ff2d6f
        #e00032        
        
        #fce4ec
        #f8bbd0
        #f48fb1
        #f06292
        #ec407a
        #e91e63
        #d81b60
        #c2185b
        #ad1457
        #880e4f
        #ff80ab
        #ff4081
        #f50057
        #c51162
                        
        #f3e5f5
        #e1bee7
        #ce93d8
        #ba68c8
        #ab47bc
        #9c27b0
        #8e24aa
        #7b1fa2
        #6a1b9a
        #4a148c
        #ea80fc
        #e040fb
        #d500f9
        #aa00ff
                
        #ede7f6
        #d1c4e9
        #b39ddb
        #9575cd
        #7e57c2
        #673ab7
        #5e35b1
        #512da8
        #4527a0
        #311b92
        #b388ff
        #7c4dff
        #651fff
        #6200ea
                
        #e8eaf6
        #c5cae9
        #9fa8da
        #7986cb
        #5c6bc0
        #3f51b5
        #3949ab
        #303f9f
        #283593
        #1a237e
        #8c9eff
        #536dfe
        #3d5afe
        #304ffe
                
        #e7e9fd
        #d0d9ff
        #afbfff
        #91a7ff
        #738ffe
        #5677fc
        #4e6cef
        #455ede
        #3b50ce
        #2a36b1
        #a6baff
        #6889ff
        #4d73ff
        #4d69ff
                
        #e1f5fe
        #b3e5fc
        #81d4fa
        #4fc3f7
        #29b6f6
        #03a9f4
        #039be5
        #0288d1
        #0277bd
        #01579b
        #80d8ff
        #40c4ff
        #00b0ff
        #0091ea   
        
        #e0f7fa
        #b2ebf2
        #80deea
        #4dd0e1
        #26c6da
        #00bcd4
        #00acc1
        #0097a7
        #00838f
        #006064
        #84ffff
        #18ffff
        #00e5ff
        #00b8d4
        
        #e0f2f1
        #b2dfdb
        #80cbc4
        #4db6ac
        #26a69a
        #009688
        #00897b
        #00796b
        #00695c
        #004d40
        #a7ffeb
        #64ffda
        #1de9b6
        #00bfa5
        
        #d0f8ce
        #a3e9a4
        #72d572
        #42bd41
        #2baf2b
        #259b24
        #0a8f08
        #0a7e07
        #056f00
        #0d5302
        #a2f78d
        #5af158
        #14e715
        #12c700
        
        #f1f8e9
        #dcedc8
        #c5e1a5
        #aed581
        #9ccc65
        #8bc34a
        #7cb342
        #689f38
        #558b2f
        #33691e
        #ccff90
        #b2ff59
        #76ff03
        #64dd17
        
        #f9fbe7
        #f0f4c3
        #e6ee9c
        #dce775
        #d4e157
        #cddc39
        #c0ca33
        #afb42b
        #9e9d24
        #827717
        #f4ff81
        #eeff41
        #c6ff00
        #aeea00
        
        #fffde7
        #fff9c4
        #fff59d
        #fff176
        #ffee58
        #ffeb3b
        #fdd835
        #fbc02d
        #f9a825
        #f57f17
        #ffff8d
        #ffff00
        #ffea00
        #ffd600   
        
        #fff8e1
        #ffecb3
        #ffe082
        #ffd54f
        #ffca28
        #ffc107
        #ffb300
        #ffa000
        #ff8f00
        #ff6f00
        #ffe57f
        #ffd740
        #ffc400
        #ffab00
        
        #fff3e0
        #ffe0b2
        #ffcc80
        #ffb74d
        #ffa726
        #ff9800
        #fb8c00
        #f57c00
        #ef6c00
        #e65100
        #ffd180
        #ffab40
        #ff9100
        #ff6d00
        
        #fbe9e7
        #ffccbc
        #ffab91
        #ff8a65
        #ff7043
        #ff5722
        #f4511e
        #e64a19
        #d84315
        #bf360c
        #ff9e80
        #ff6e40
        #ff3d00
        #dd2c00
        
        #efebe9
        #d7ccc8
        #bcaaa4
        #a1887f
        #8d6e63
        #795548
        #6d4c41
        #5d4037
        #4e342e
        #3e2723
        
        #fafafa
        #f5f5f5
        #eeeeee
        #e0e0e0
        #bdbdbd
        #9e9e9e
        #757575
        #616161
        #424242
        #212121
        #000000
        
        #eceff1
        #cfd8dc
        #b0bec5
        #90a4ae
        #78909c
        #607d8b
        #546e7a
        #455a64
        #37474f
        #263238        
    

strings.xml



    red50
    red100
    red200
    red300
    red400
    red500
    red600
    red700
    red800
    red900
    reda100
    reda200
    reda400
    reda700
    
    pink50
    pink100
    pink200
    pink300
    pink400
    pink500
    pink600
    pink700
    pink800
    pink900
    pinka100
    pinka200
    pinka400
    pinka700
    
    purple50
    purple100
    purple200
    purple300
    purple400
    purple500
    purple600
    purple700
    purple800
    purple900
    purplea100
    purplea200
    purplea400
    purplea700
    
    deeppurple50
    deeppurple100
    deeppurple200
    deeppurple300
    deeppurple400
    deeppurple500
    deeppurple600
    deeppurple700
    deeppurple800
    deeppurple900
    deeppurplea100
    deeppurplea200
    deeppurplea400
    deeppurplea700
    
    indigo50
    indigo100
    indigo200
    indigo300
    indigo400
    indigo500
    indigo600
    indigo700
    indigo800
    indigo900
    indigoa100
    indigoa200
    indigoa400
    indigoa700  
    
    blue50
    blue100
    blue200
    blue300
    blue400
    blue500
    blue600
    blue700
    blue800
    blue900
    bluea100
    bluea200
    bluea400
    bluea700
    
    lightblue50
    lightblue100
    lightblue200
    lightblue300
    lightblue400
    lightblue500
    lightblue600
    lightblue700
    lightblue800
    lightblue900
    lightbluea100
    lightbluea200
    lightbluea400
    lightbluea700
    
    cyan50
    cyan100
    cyan200
    cyan300
    cyan400
    cyan500
    cyan600
    cyan700
    cyan800
    cyan900
    cyana100
    cyana200
    cyana400
    cyana700
    
    teal50
    teal100
    teal200
    teal300
    teal400
    teal500
    teal600
    teal700
    teal800
    teal900
    teala100
    teala200
    teala400
    teala700
    
    green50
    green100
    green200
    green300
    green400
    green500
    green600
    green700
    green800
    green900
    greena100
    greena200
    greena400
    greena700
    
    lightgreen50
    lightgreen100
    lightgreen200
    lightgreen300
    lightgreen400
    lightgreen500
    lightgreen600
    lightgreen700
    lightgreen800
    lightgreen900
    lightgreena100
    lightgreena200
    lightgreena400
    lightgreena700
    
    lime50
    lime100
    lime200
    lime300
    lime400
    lime500
    lime600
    lime700
    lime800
    lime900
    limea100
    limea200
    limea400
    limea700
    
    yellow50
    yellow100
    yellow200
    yellow300
    yellow400
    yellow500
    yellow600
    yellow700
    yellow800
    yellow900
    yellowa100
    yellowa200
    yellowa400
    yellowa700
    
    amber50
    amber100
    amber200
    amber300
    amber400
    amber500
    amber600
    amber700
    amber800
    amber900
    ambera100
    ambera200
    ambera400
    ambera700    
    
    orange50
    orange100
    orange200
    orange300
    orange400
    orange500
    orange600
    orange700
    orange800
    orange900
    orangea100
    orangea200
    orangea400
    orangea700
    
    deeporange50
    deeporange100
    deeporange200
    deeporange300
    deeporange400
    deeporange500
    deeporange600
    deeporange700
    deeporange800
    deeporange900
    deeporangea100
    deeporangea200
    deeporangea400
    deeporangea700
    
    brown50
    brown100
    brown200
    brown300
    brown400
    brown500
    brown600
    brown700
    brown800
    brown900
    
    grey50
    grey100
    grey200
    grey300
    grey400
    grey500
    grey600
    grey700
    grey800
    grey900
    grey1000
    
    bluegrey50
    bluegrey100
    bluegrey200
    bluegrey300
    bluegrey400
    bluegrey500
    bluegrey600
    bluegrey700
    bluegrey800
    bluegrey900    




你可能感兴趣的:(UI设计)