javascript编写一个将十六进制值转换为颜色的函数

JavaScript014

javascript编写一个将十六进制值转换为颜色的函数,第1张

function getRGB(hex){

    var rgb=[0,0,0]

    if(/#(..)(..)(..)/g.test(hex)){

        rgb=[parseInt(RegExp.$1,16),parseInt(RegExp.$2,16),parseInt(RegExp.$3,16)]

    }

    return "rgb("+rgb.join(",")+")"

}

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%的透明度输出: