16进制颜色值与 rgb颜色值转换

最新推荐文章于 2024-08-10 22:56:59 发布

小泡泡c

最新推荐文章于 2024-08-10 22:56:59 发布

阅读量1.9k

点赞数

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_45325810/article/details/126123221

版权

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了两个JavaScript函数：hex2rgb，用于将16进制颜色转换为RGB格式，以及colorBGGB2Hex，实现了RGB颜色到16进制的转换。通过这两个函数，开发者可以方便地在前端开发中进行颜色格式间的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

16进制颜色转换成 rgb

hex2rgb(hexColor) {
	hexColor = hexColor.substring(1)
	hexColor = hexColor.toLowerCase()
    let b = new Array()
	for (let x = 0; x < 3; x++) {
		b[0] = hexColor.substr(x * 2, 2)
        b[3] = '0123456789abcdef'
        b[1] = b[0].substr(0, 1)
        b[2] = b[0].substr(1, 1)
        b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2])
	}
	return b[20] + ',' + b[21] + ',' + b[22]
}

rgb 转换成 16进制颜色

colorBGGB2Hex(color) {
	var rgb = color.split(',')
	var r = parseInt(rgb[0].split('(')[1])
	var g = parseInt(rgb[1])
	var b = parseInt(rgb[2].split(')')[0])
	var hex = '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)
	return hex
}