透明度与十六进制代码转换|透明颜色
文章目录
- 1. hex color transparency (透明度十六进制表示法)
- 2. 用法
- 3. 例子
- 4. 常见颜色表
1. hex color transparency (透明度十六进制表示法)
- 不透明度—16进制值
- 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
2. 用法
0xffff00ff是int类型的数据,分组一下0x|ff|ff00ff,0x表示颜色整数的标记,ff表示透明度,f00f表示色值,注意:0x后面ffff00ff必须是8位的颜色表示。
颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0到 255(00到 ff)。
对于 alpha,00表示完全透明,ff表示完全不透明。
表达式顺序是“aabbggrr”,其中“aa=alpha”(00到ff);“bb=blue”(00到ff);“gg=green”(00到ff);“rr=red”(00到ff)。
* 所以一般情况下半透明就是普通"ae"(等表示透明度的)+RGB(普通的)就可以得到了;
3. 例子
- 50%透明度的亮蓝灰色 ----> #77889980
条状部分即是。
- 10%透明度的亮蓝灰色 ----> #7788991A
条状部分基本就看不见了(注:背景是深蓝色)
4. 常见颜色表
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
|
透明度与十六进制代码转换|透明颜色相关推荐
- 二进制颜色代码大全(含图)透明度与十六进制代码转换
原文地址:http://blog.csdn.net/shakespeare001/article/details/7816022 http://blog.csdn.net/sky1203850702/ ...
- 透明度与十六进制代码转换#ffffffff
转载自:http://blog.csdn.net/sky1203850702/article/details/44916819 解析:〈#ffffffff〉 #ffffffff由#加八位数字或字母组成 ...
- 色值的透明度与十六进制代码转换
解析:〈#ffffffff〉 #ffffffff由#加八位数字或字母组成,前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制) 需要修改的机油一般都要查找相关资料 ...
- 透明度与十六进制代码转换
解析:〈#ffffffff〉 #ffffffff由#加八位数字或字母组成,前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制) 需要修改的机油一般都要查找相关资料 ...
- 16进制的透明颜色css_在CSS中使用十六进制颜色
16进制的透明颜色css Standard CSS color keywords are limited to 149 named shades; the hexadecimal (or " ...
- 六角透明颜色[复制]
本文翻译自:Hex transparency in colors [duplicate] This question already has an answer here: 这个问题在这里已有答案: ...
- 透明颜色代码 和 一键分享问题
透明颜色代码: 八位颜色代码最前面两位代表透明度(十六进制),ff为不透明,00为全透明,半透明约为89
- 透明度与十六进制的转换
转载:http://blog.csdn.net/sky1203850702/article/details/44916819 解析:〈#ffffffff〉 ffffffff由#加八位数字或字母组成,前 ...
- 透明这种颜色的html,透明颜色HTML5帆布
我有一个简单的Pong游戏,用一些Javascript和Canvas标签制作.透明颜色HTML5帆布 我将画布标记的背景颜色设置为透明,以便可以在画布下显示div标记的背景图像. 问题是,当我将它设置 ...
最新文章
- MHA高可用主从复制实现
- xmpp muc 群聊协议 1
- Silverlight WCF 上传实现
- 三 mybatis typeAlias(别名)使用和resultMap使用
- Spring Boot 最佳实践(四)模板引擎Thymeleaf集成
- 【转】零拷贝的实现原理
- java中线程观察者模式_设计模式之--观察者模式
- OpenStack Cinder发展动态系列--Austin峰会
- Triangular Pastures
- C++函数模板特化,类模板特化
- 每日单词20110606
- mac电脑投屏到小米盒子_苹果手机,小米盒子投屏,连接不上,什么情况?
- 苹果白屏一直显示苹果_苹果手机白屏只显示苹果图标怎么回事?
- Java小题精炼训练营(篇十三)
- 秦曾昌人工智能课程---4、梯度下降算法
- python基础篇_Python基础篇
- cxf webservice接口
- 必应搜索引擎怎么了?
- Idea使用gradle集成Lombok插件build时报找不到符号错误
- Aircrack-ng支持网卡列表(上)
热门文章
- Principles for Microservice Design: Think IDEALS SOLID
- python cls方法_关于类方法中的cls
- python在哪里写编程_Python编程入门介绍
- android分享到新浪微博,认证+发送微博,神马'40113token_rejected! Oauth Token不合法'错误,都TMD都是浮云,终于一切搞定!
- 将eFPGA应用于嵌入式360度视域视觉系统中
- 5、产品经理的工作职责OR主要工作技能和工具
- 栈内存和堆内存的区别与原理
- 修复计算机 数据丢失吗,电脑系统崩溃怎么修复及数据丢失找回教程
- 中文分词技术之基于规则分词
- linux usb 4g驱动,如何在Linux下驅動4G Dongle