android有时候需要设置r g b分量的int值,如paint.setARGB(255, 127, 255, 212);就需要自己计算下分量的各个值。这里提供一个带有r g b分量的int型的颜色表。注意paint.setAlpha()及paint.setARGB()的第一个参数,即透明度。其取值范围是0---255,数值越小,越透明,颜色上表现越淡。实际上当设成10以下就会有透明的效果了。
注意:这个透明度是用来设置画笔paint的透明度,然后用paint画各种东西。
常用RGB颜色表
| R | G | B | 值 | | R | G | B | 值 | | R | G | B | 值 |
黑色 | 0 | 0 | 0 | #000000 | 黄色 | 255 | 255 | 0 | #FFFF00 | 浅灰蓝色 | 176 | 224 | 230 | #B0E0E6 |
象牙黑 | 41 | 36 | 33 | #292421 | 香蕉色 | 227 | 207 | 87 | #E3CF57 | 品蓝 | 65 | 105 | 225 | #4169E1 |
灰色 | 192 | 192 | 192 | #C0C0C0 | 镉黄 | 255 | 153 | 18 | #FF9912 | 石板蓝 | 106 | 90 | 205 | #6A5ACD |
冷灰 | 128 | 138 | 135 | #808A87 | dougello | 235 | 142 | 85 | #EB8E55 | 天蓝 | 135 | 206 | 235 | #87CEEB |
石板灰 | 112 | 128 | 105 | #708069 | forum gold | 255 | 227 | 132 | #FFE384 | | | | | |
暖灰色 | 128 | 128 | 105 | #808069 | 金黄色 | 255 | 215 | 0 | #FFD700 | 青色 | 0 | 255 | 255 | #00FFFF |
| | | | | 黄花色 | 218 | 165 | 105 | #DAA569 | 绿土 | 56 | 94 | 15 | #385E0F |
白色 | 255 | 255 | 255 | #FFFFFF | 瓜色 | 227 | 168 | 105 | #E3A869 | 靛青 | 8 | 46 | 84 | #082E54 |
古董白 | 250 | 235 | 215 | #FAEBD7 | 橙色 | 255 | 97 | 0 | #FF6100 | 碧绿色 | 127 | 255 | 212 | #7FFFD4 |
天蓝色 | 240 | 255 | 255 | #F0FFFF | 镉橙 | 255 | 97 | 3 | #FF6103 | 青绿色 | 64 | 224 | 208 | #40E0D0 |
白烟 | 245 | 245 | 245 | #F5F5F5 | 胡萝卜色 | 237 | 145 | 33 | #ED9121 | 绿色 | 0 | 255 | 0 | #00FF00 |
白杏仁 | 255 | 235 | 205 | #FFFFCD | 桔黄 | 255 | 128 | 0 | #FF8000 | 黄绿色 | 127 | 255 | 0 | #7FFF00 |
cornsilk | 255 | 248 | 220 | #FFF8DC | 淡黄色 | 245 | 222 | 179 | #F5DEB3 | 钴绿色 | 61 | 145 | 64 | #3D9140 |
蛋壳色 | 252 | 230 | 201 | #FCE6C9 | | | | | | 翠绿色 | 0 | 201 | 87 | #00C957 |
花白 | 255 | 250 | 240 | #FFFAF0 | 棕色 | 128 | 42 | 42 | #802A2A | 森林绿 | 34 | 139 | 34 | #228B22 |
gainsboro | 220 | 220 | 220 | #DCDCDC | 米色 | 163 | 148 | 128 | #A39480 | 草地绿 | 124 | 252 | 0 | #7CFC00 |
ghostWhite | 248 | 248 | 255 | #F8F8FF | 锻浓黄土色 | 138 | 54 | 15 | #8A360F | 酸橙绿 | 50 | 205 | 50 | #32CD32 |
蜜露橙 | 240 | 255 | 240 | #F0FFF0 | 锻棕土色 | 135 | 51 | 36 | #873324 | 薄荷色 | 189 | 252 | 201 | #BDFCC9 |
象牙白 | 250 | 255 | 240 | #FAFFF0 | 巧克力色 | 210 | 105 | 30 | #D2691E | 草绿色 | 107 | 142 | 35 | #6B8E23 |
亚麻色 | 250 | 240 | 230 | #FAF0E6 | 肉色 | 255 | 125 | 64 | #FF7D40 | 暗绿色 | 48 | 128 | 20 | #308014 |
navajoWhite | 255 | 222 | 173 | #FFDEAD | 黄褐色 | 240 | 230 | 140 | #F0E68C | 海绿色 | 46 | 139 | 87 | #2E8B57 |
old lace | 253 | 245 | 230 | #FDF5E6 | 玫瑰红 | 188 | 143 | 143 | #BC8F8F | 嫩绿色 | 0 | 255 | 127 | #00FF7F |
海贝壳色 | 255 | 245 | 238 | #FFF5EE | 肖贡土色 | 199 | 97 | 20 | #C76114 | | | | | |
雪白 | 255 | 250 | 250 | #FFFAFA | 标土棕 | 115 | 74 | 18 | #734A12 | 紫色 | 160 | 32 | 240 | #A020F0 |
| | | | | 乌贼墨棕 | 94 | 38 | 18 | #5E2612 | 紫罗蓝色 | 138 | 43 | 226 | #8A2BE2 |
红色 | 255 | 0 | 0 | #FF0000 | 赫色 | 160 | 82 | 45 | #A0522D | jasoa | 160 | 102 | 211 | #A066D3 |
砖红 | 156 | 102 | 31 | #9C661F | 马棕色 | 139 | 69 | 19 | #8B4513 | 湖紫色 | 153 | 51 | 250 | #9933FA |
镉红 | 227 | 23 | 13 | #E3170D | 沙棕色 | 244 | 164 | 96 | #F4A460 | 淡紫色 | 218 | 112 | 214 | #DA70D6 |
珊瑚色 | 255 | 127 | 80 | #FF7F50 | 棕褐色 | 210 | 180 | 140 | #D2B48C | 梅红色 | 221 | 160 | 221 | #DDA0DD |
耐火砖红 | 178 | 34 | 34 | #B22222 | | | | | | | | | | |
印度红 | 176 | 23 | 31 | #B0171F | 蓝色 | 0 | 0 | 255 | #0000FF | | | | | |
栗色 | 176 | 48 | 96 | #B03060 | 钴色 | 61 | 89 | 171 | #3D59AB | | | | | |
粉红 | 255 | 192 | 203 | #FFC0CB | dodger blue | 30 | 144 | 255 | #1E90FF | | | | | |
草莓色 | 135 | 38 | 87 | #872657 | jackie blue | 11 | 23 | 70 | #0B1746 | | | | | |
橙红色 | 250 | 128 | 114 | #FA8072 | 锰蓝 | 3 | 168 | 158 | #03A89E | | | | | |
蕃茄红 | 255 | 99 | 71 | #FF6347 | 深蓝色 | 25 | 25 | 112 | #191970 | | | | | |
桔红 | 255 | 69 | 0 | #FF4500 | 孔雀蓝 | 51 | 161 | 201 | #33A1C9 | | | | | |
深红色 | 255 | 0 | 255 | #FF00FF | 土耳其玉色 | 0 | 199 | 140 | #00C78C |
浅粉红 #FFB6C1 255,182,193
粉红 #FFC0CB 255,192,203
猩红/深红 #DC143C 220,20,60
淡紫红 #FFF0F5 255,240,245
弱紫罗兰红 #DB7093 219,112,147
热情的粉红 #FF69B4 255,105,180
深粉红 #FF1493 255,20,147
中紫罗兰红 #C71585 199,21,133
兰花紫 #DA70D6 218,112,214
蓟 #D8BFD8 216,191,216
李子紫 #DDA0DD 221,160,221
紫罗兰 #EE82EE 238,130,238
洋红/玫瑰红 #FF00FF 255,0,255
灯笼海棠/紫红 #FF00FF 255,0,255
深洋红 #8B008B 139,0,139
紫色 #800080 128,0,128
中兰花紫 #BA55D3 186,85,211
暗紫罗兰 #9400D3 148,0,211
暗兰花紫 #9932CC 153,50,204
靛青/紫兰色 #4B0082 75,0,130
蓝紫罗兰 #8A2BE2 138,43,226
中紫色 #9370DB 147,112,219
中板岩蓝 #7B68EE 123,104,238
板岩蓝 #6A5ACD 106,90,205
暗板岩蓝 #483D8B 72,61,139
熏衣草淡紫 #E6E6FA 230,230,250
幽灵白 #F8F8FF 248,248,255
纯蓝 #0000FF 0,0,255
中蓝色 #0000CD 0,0,205
午夜蓝 #191970 25,25,112
暗蓝色 #00008B 0,0,139
海军蓝 #000080 0,0,128
皇家蓝/宝蓝 #4169E1 65,105,225
矢车菊蓝 #6495ED 100,149,237
亮钢蓝 #B0C4DE 176,196,222
亮石板灰 #778899 119,136,153
石板灰 #708090 112,128,144
道奇蓝 #1E90FF 30,144,255
爱丽丝蓝 #F0F8FF 240,248,255
钢蓝/铁青 #4682B4 70,130,180
亮天蓝色 #87CEFA 135,206,250
天蓝色 #87CEEB 135,206,235
深天蓝 #00BFFF 0,191,255
亮蓝 #ADD8E6 173,216,230
火药青 #B0E0E6 176,224,230
军服蓝 #5F9EA0 95,158,160
蔚蓝色 #F0FFFF 240,255,255
淡青色 #E0FFFF 224,255,255
弱绿宝石 #AFEEEE 175,238,238
青色 #00FFFF 0,255,255
水色 #00FFFF 0,255,255
暗绿宝石 #00CED1 0,206,209
暗石板灰 #2F4F4F 47,79,79
暗青色 #008B8B 0,139,139
水鸭色 #008080 0,128,128
中绿宝石 #41CC 72,209,204
浅海洋绿 #20B2AA 32,178,170
绿宝石 #40E0D0 64,224,208
宝石碧绿 #7FFFD4 127,255,212
中宝石碧绿 #66CDAA 102,205,170
中春绿色 #00FA9A 0,250,154
薄荷奶油 #F5FFFA 245,255,250
春绿色 #00FF7F 0,255,127
中海洋绿 #3CB371 60,179,113
海洋绿 #2E8B57 46,139,87
蜜瓜色 #F0FFF0 240,255,240
淡绿色 #90EE90 144,238,144
弱绿色 #98FB98 152,251,152
暗海洋绿 #8FBC8F 143,188,143
闪光深绿 #32CD32 50,205,50
闪光绿 #00FF00 0,255,0
森林绿 #228B22 34,139,34
纯绿 #008000 0,128,0
暗绿色 #006400 0,100,0
查特酒绿 #7FFF00 127,255,0
草坪绿 #7CFC00 124,252,0
绿黄色 #ADFF2F 173,255,47
暗橄榄绿 #556B2F 85,107,47
黄绿色 #9ACD32 154,205,50
橄榄褐色 #6B8E23 107,142,35
米色/灰棕色 #F5F5DC 245,245,220
亮菊黄 #FAFAD2 250,250,210
象牙 #FFFFF0 255,255,240
浅黄色 #FFFFE0 255,255,224
纯黄 #FFFF00 255,255,0
橄榄 #808000 128,128,0
深卡叽布 #BDB76B 189,183,107
柠檬绸 #FFFACD 255,250,205
灰菊黄 #EEE8AA 238,232,170
卡叽布 #F0E68C 240,230,140
金色 #FFD700 255,215,0
玉米丝色 #FFFC 255,248,220
金菊黄 #DAA520 218,165,32
暗金菊黄 #B8860B 184,134,11
花的白色 #FFFAF0 255,250,240
旧蕾丝 #FDF5E6 253,245,230
小麦色 #F5DEB3 245,222,179
鹿皮靴 #FFE4B5 255,228,181
橙色 #FFA500 255,165,0
番木瓜 #FFEFD5 255,239,213
发白的杏仁色 #FFEBCD 255,235,205
土著白 #FFDEAD 255,222,173
古董白 #FAEBD7 250,235,215
茶色 #D2B48C 210,180,140
硬木色 #DEB887 222,184,135
陶坯黄 #FFE4C4 255,228,196
深橙色 #FF8C00 255,140,0
亚麻布 #FAF0E6 250,240,230
秘鲁 #CD853F 205,133,63
桃肉色 #FFDAB9 255,218,185
沙棕色 #F4A460 244,164,96
巧克力 #D2691E 210,105,30
马鞍棕色 #8B4513 139,69,19
海贝壳 #FFF5EE 255,245,238
黄土赭色 #A0522D 160,82,45
浅鲑鱼肉色 #FFA07A 255,160,122
珊瑚 #FF7F50 255,127,80
橙红色 #FF4500 255,69,0
深鲜肉/鲑鱼色 #E9967A 233,150,122
番茄红 #FF6347 255,99,71
薄雾玫瑰 #FFE4E1 255,228,225
鲜肉/鲑鱼色 #FA8072 250,128,114
雪 #FFFAFA 255,250,250
淡珊瑚色 #F08080 240,128,128
玫瑰棕色 #BC8F8F 188,143,143
印度红 #CD5C5C 205,92,92
纯红 #FF0000 255,0,0
棕色 #A52A2A 165,42,42
耐火砖 #B22222 178,34,34
深红色 #8B0000 139,0,0
栗色 #800000 128,0,0
纯白 #FFFFFF 255,255,255
白烟 #F5F5F5 245,245,245
庚斯博罗灰色 #DCDCDC 220,220,220
浅灰色 #D3D3D3 211,211,211
银灰色 #C0C0C0 192,192,192
深灰色 #A9A9A9 169,169,169
灰色 #808080 128,128,128
暗淡的灰色 #696969 105,105,105
纯黑 #000000 0,0,0
二、深入理解alpha和android颜色透明度换算
Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以“#”字符开头,以16进制表示。
常用的颜色值格式为:
|
其中,ARGB 依次代表透明度(alpha)、红色(red)、绿色(green)、蓝色(blue)。
以颜色值 #FF99CC00 为例,其中,FF 是透明度,99 是红色值, CC 是绿色值, 00 是蓝色值。
透明度
- 透明度分为256阶(0-255),计算机上用16进制表示为(00-ff)。透明就是0阶,不透明就是255阶,如果50%透明就是127阶(256的一半当然是128,但因为是从0开始,所以实际上是127)。
透明度
- 和
不透明度
- ARGB 中的透明度alpha,表示的是不透明度。依据来自维基百科中的定义。
The alpha channel is normally used as an opacity channel. If a pixel has a value of 0% in its alpha channel, it is fully transparent (and, thus, invisible), whereas a value of 100% in the alpha channel gives a fully opaque pixel (traditional digital images). Values between 0% and 100% make it possible for pixels to show through a background like a glass, an effect not possible with simple binary (transparent or opaque) transparency. It allows easy image compositing.
换算
在开发过程中,UI/UE给的标注图上,所有颜色值是RGB,但是透明度经常都是百分比,例如:颜色值:#FFFFFF,透明度40%。
使用过程中我们需要进行换算。以之前的值为例,换算过程如下:
- 将透明度转换成不透明度(转换方式参考“透明度”,第2条) 。 不透明度为60%
- 不透明度乘以255。 我们得到结果:153
- 将计算结果转换成16进制。得到最终的不透明度:99
- 将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF
简单的换算,可以先将透明度,转换成不透明度,再根据下面的表格进行对应。
100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00
参考:http://book.51cto.com/art/201204/328253.htm--setAlpha方法 常用RGB颜色表 RGB颜色表不带图片文字版