JS 颜色RGB转换为16进制相互转换方法

/*RGB转换为16进制*/
const colorRgbToHex = (rgbStr: string) => {//十六进制颜色值的正则表达式constreg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6}|[0-9a-fA-f]{8}|[0-9a-fA-f]{6}[0-9]{2})$/;if (reg.test(rgbStr)) {returnrgbStr} else {constrgbArray = rgbStr.replace(/(?:\(|\)|rgba|rgb|RGBA|RGB)*/g, "").split(",");letstrHex = "#";for (leti = 0; i < rgbArray.length; i++) {if (i !== 3) {if (rgbArray[i] == "0") {strHex += "00"} else {letnewItem =Number(rgbArray[i]).toString(16)if (newItem.length < 2){newItem = "0" + newItem}strHex += newItem}} else {strHex += rgbArray[i] == "0" ? "" : Number(rgbArray[i]) * 100}}returnstrHex;}
}/*16进制转换为RGB*/
const colorHexToRgb = (hexStr: string, opacity?: boolean) => {//rgb颜色值的正则表达式constreg = /^(rgba|rgb|RGBA|RGB)\([\s]*[0-9]+[\s]*,[\s]*[0-9]+[\s]*,[\s]*[0-9]+[\s]*(,[\s]*[0-9.]+[\s]*)*\)$/;if (reg.test(hexStr)) {returnhexStr} else {hexStr = hexStr.toLowerCase()if (hexStr.length === 4) {letcolorNew = "#";for (leti = 1; i < 4; i += 1) {conststr = hexStr.slice(i, i + 1);colorNew += str + str;}hexStr = colorNew;}constrgbArray = [];for (leti = 1; i < hexStr.length; i += 2) {if (i < 7) {rgbArray.push(parseInt("0x" + hexStr.slice(i, i + 2)));}if (i >= 7 && opacity) {conststr = hexStr.slice(i, i + 2)rgbArray.push(/^[a-f0-9]{2}$/.test(str) ? parseInt(`0x${str}`) / 255 : (Number(str) / 100).toString())}}return (opacity ? "rgba(" : "rgb(") + rgbArray.join(",") + ")";}
}

JS 颜色RGB转换为16进制相互转换方法相关推荐

js将颜色rgb转换为16进制
代码如下: //将rgb转换为16进制 function colorRGBtoHex(color) {// console.log(color);var rgb = color.split(','); ...
js颜色 RGB 和 16进制转换
2019独角兽企业重金招聘Python工程师标准>>> function HSBToRGB (hsb) {var rgb = {};var h = Math.round(hsb.h) ...
js实现rgb和16进制颜色的相互转化
16进制转rgb transRgb(color) {var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;var sColor = color.toLowerC ...
C语言（JS）浮点、16进制相互转换
文章目录前言一.float转16进制(可用于C语言) 二.16进制转float(可用于C语言) 三.16进制转float(可用于JS.C语言方法3) 总结前言处理Modbus协议float转1 ...
js 根据深浅色背景，动态设置黑色白色文字颜色。判断颜色是否为深色，rgb转16进制，16进制转rgb
效果图: 根据深浅色背景,返回黑白文字颜色. 第一版: 代码: <!DOCTYPE html> <html lang="en"> <head>& ...
html rgb转换16进制js,JS实现颜色值格式转换 rgb和十六进制的转换
RGB转换为16进制 String.prototype.colorHex = function () { // RGB颜色值的正则 var reg = /^(rgb|RGB)/; var color ...
rgb与16进制颜色是如何相互转换的？
在css中定义颜色可以使用rgb颜色值,例:rgb(182, 0, 35):也可以使用16进制颜色值,例:#B60023.不管是rgb(182, 0, 35),还是#B60023都表示了同一种颜色,其 ...
RGB颜色转换为16进制颜色
RGB颜色值转换为16进制颜色值,主要是将 R.G.B 值分别转换为对应的十六进制值例子: 输入:rgb(238, 208, 157) 输出:#eed09d 代码如下: function color ...
颜色渐变、#16进制转RGB颜色（转Int）
A: 初始颜色 B: 目标颜色获取10个 A到B渐变的颜色值依次展示实现颜色渐变效果思路:通过16进制字符串,对应拆分为RGB色值举例:"#FB5D22" R: FB; G: ...

JS 颜色RGB转换为16进制相互转换方法

JS 颜色RGB转换为16进制相互转换方法相关推荐

最新文章

热门文章

JS 颜色RGB转换为16进制 相互转换 方法

JS 颜色RGB转换为16进制 相互转换 方法相关推荐

最新文章

热门文章

JS 颜色RGB转换为16进制相互转换方法

JS 颜色RGB转换为16进制相互转换方法相关推荐