Colors 透明ARGB十六进制值

Colors 透明ARGB十六进制值,colors,hex,argb,Colors,Hex,Argb,表中的颜色都不是透明的。我猜A的值设置为FF 透明度的准则是什么 例如,此颜色FFF0F8FF(AliceBlue)与透明代码(如??F0F8FF?透明性由alpha通道控制(中的AA)。最大值(255 dec,FF hex)表示完全不透明。最小值(0 dec,00 hex)表示完全透明。介于两者之间的值是半透明的,即颜色与背景色混合 要获得完全透明的颜色,请将alpha设置为零RR、GG和BB在这种情况下是不相关的,因为没有可见的颜色。这意味着#00FFFFFF(“透明白色”)与#00F0F8

表中的颜色都不是透明的。我猜
A
的值设置为
FF

透明度的准则是什么


例如,此颜色FFF0F8FF(AliceBlue)与透明代码(如
??F0F8FF

透明性由alpha通道控制(
中的
AA
)。最大值(255 dec,FF hex)表示完全不透明。最小值(0 dec,00 hex)表示完全透明。介于两者之间的值是半透明的,即颜色与背景色混合

要获得完全透明的颜色,请将alpha设置为零<代码>RR
GG
BB
在这种情况下是不相关的,因为没有可见的颜色。这意味着
#00FFFFFF
(“透明白色”)与
#00F0F8FF
(“透明AliceBlue”)的颜色相同。 为了保持简单,如果颜色不重要,可以选择黑色(
#00000000
)或白色(
#00FFFFFF


在链接到的表中,您会发现定义为
#00FFFFFF
透明的
以下是百分比到十六进制值的表:

示例:对于85%的白色,您将使用
#D9FFFFFF
这里85%=“D9”&White=“FFFFFF”


100%-FF
95%-F2
90%-E6
85%-D9
80%-CC
75%高炉
70%-B3
65%-A6
60% — 99
55%-8摄氏度
50% — 80
45% — 73
40% — 66
35% — 59
30%-4D
25% — 40
20% — 33
15% — 26
10%-1A
5%-0D
0% — 00
它是如何计算的?

FF是以十六进制模式写入的数字。那个数字以十进制表示255。例如,如果要计算42%,则需要找到255号的42%,并将该数字转换为十六进制。255*0.42~=107到十六进制为“6B
–maleta

在其他答案的基础上添加了@maleta在评论中解释的内容,只做了alpha*255,然后四舍五入到hex。下面是一个快速转换

函数rgb2hex(rgb){
var rgbm=rgb.match(/^rgba?[\s+]?\([\s+](\d+[\s+],[\s+](\d+[\s+],[\s+]?(\d+[\s+],[\s+]((?:[0-9]*[.])[0-9]+)[\s+])/i);
if(rgbm&&rgbm.length==5){
返回“#”+
('0'+Math.round(parseFloat(rgbm[4],10)*255).toString(16.toUpperCase()).slice(-2)+
(“0”+parseInt(rgbm[1],10).toString(16.toUpperCase()).slice(-2)+
(“0”+parseInt(rgbm[2],10).toString(16.toUpperCase()).slice(-2)+
(“0”+parseInt(rgbm[3],10).toString(16.toUpperCase()).slice(-2);
}否则{
var rgbm=rgb.match(/^rgba?[\s+]?\([\s+](\d+[\s+],[\s+](\d+[\s+],[\s+],[\s+]?(\d+[\s+]?/i);
if(rgbm&&rgbm.length==4){
返回“#”+
(“0”+parseInt(rgbm[1],10).toString(16.toUpperCase()).slice(-2)+
(“0”+parseInt(rgbm[2],10).toString(16.toUpperCase()).slice(-2)+
(“0”+parseInt(rgbm[3],10).toString(16.toUpperCase()).slice(-2);
}否则{
返回“无法解析该内容”;
}
}
}
$(“按钮”)。单击(函数(){
var hex=rgb2hex($('#in_tb').val();
$('in_tb_result').html(十六进制);
});
正文{
填充:20px;
}

将RGB/RGBA转换为十六进制

转换

结果:
只需使用以下命令:

android:background=“#00FFFFFF”


它将完成您的工作。

如果您有十六进制值,并且您只是想知道alpha的值是多少,此代码段可能会有所帮助:

const alphaToHex=(alpha=>{
如果(alpha>1 | | alpha<0 | | isNaN(alpha)){
抛出新错误('参数必须是介于0和1之间的数字');
}
返回Math.ceil(255*alpha).toString(16.toUpperCase();
})

控制台日志(alphaToHex(0.45))
请注意刚刚遇到这个问题,透明度的简短代码就是#00000000。

假设我需要50%的不透明度。50%不透明度/透明的白色代码是什么?@user3332579:50%是
7F
。将计算器置于十六进制模式,它会帮你解决问题。@user3332579:50%白色是
>#7FFFFFFF
。格式为#RRGGBBAA Hex8(或#在Hex4中为#RGBA),而不是#aarggbb(或#ARGB)我已经在Chrome 62,63,64中进行了测试,请参考、@SGSSandhu。问题不是针对CSS的。请再次查看问题,格式为ARGB。如何计算此值?@SaeedJassani FF是以十六进制模式编写的数字。该数字以十进制表示255。例如,如果您希望42%进行计算,则需要找到255号的42%,并将其转换为t number到hex.255*0.42~=107到hex是“6B”@Maleta感谢lot最后有一种方法可以用十六进制代码为某些浏览器设置透明颜色(新功能)。请查看