十六进制颜色值和rgb颜色值转换

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

M _chen

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

阅读量1.3k

点赞数

分类专栏： js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_55532289/article/details/126946284

版权

js 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

// 将rgb颜色转成hex , 列如输入(24,12,255)

export function colorRGB2Hex(r, g, b) {
	let hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
	return hex;
}
//返回结果：#180cff

// 将hex颜色转成rgb, 输入（“#3ba272”）

// 将hex颜色转成rgb
export function hexToRgba(hex, opacity) {//hex："#3ba272"； opacity：透明度
	let RGBA = "rgba(" + parseInt("0x" + hex.slice(1, 3)) + "," + parseInt("0x" + hex.slice(3, 5)) + "," + parseInt(
		"0x" + hex.slice(5, 7)) + "," + opacity + ")";
	return {//返回值对象
		red: parseInt("0x" + hex.slice(1, 3)),
		green: parseInt("0x" + hex.slice(3, 5)),
		blue: parseInt("0x" + hex.slice(5, 7)),
		rgba: RGBA
	};
	//返回结果：{blue: 114， green: 162 ，red: 59 ，rgba: "rgba(59,162,114,1)"}
}