css十六进制中,#0f0f也是绿色吗? 不是应该#0f0是绿色吗

html-css016

css十六进制中,#0f0f也是绿色吗? 不是应该#0f0是绿色吗,第1张

#0f0f不是绿色，这个是不有效的缩写颜色，正确的应该是#00ff00，或者它的缩写形式0f0，缩写的规则基本上可以简单的说两个相同的数字或字母可以缩写成一个，但要一组组对应上，比如#00ab11是不能缩写的，因为中间ab这组不能缩写。

rgb颜色格式是由3组0~255的数字构成，分别是红（Red）、绿（Green）、蓝（Blue）的色值。转为16进制就是分别把红绿蓝三种颜色的色值转为十六进制，前面加个井号例如：rgb(255,255,255),255的16进制为FF，所以结果就是#FFFFFF

js将十六进制颜色转透明度的函数

CSS颜色的表示方式一般有两种10进制与16进制，分别是【rgb(255, 100, 0)】【#FF0000】。两个16进制组合数是0-255（16*16=256）。

颜色是RGB红绿蓝三原色组成的，16进制的颜色由6位字符组成（如：FF0000，相隔重复类型也可以简写成F00），如果16进制要包含透明度必须由八位字符组成（如：FFDDAA80）。

平时css样式的透明度都是按十进制计算的，如：opacity: 0.5与background-color: rgba(255, 100, 0, 0.8)。

10进制的255阶为不透明（0%），0阶为100%透明。所以如果要获取50%透明度，255 * 0.5 = 127.5将127.5四舍五入再转16进制，方法如下：

下面方法是0%-100%的透明度输出：