css rgb转16进制,jquery获取元素颜色css('color')的值返回RGB。如何转十六进制

css代码如下：a, a:link, a:visited { color:#4188FB; }a:active, a:focus, a:hover { color:#FFCC00; }

js代码如下：var link_col = $("a:link").css("color");

alert(link_col);

返回的值：rgb(65, 136, 251)

jquey设置颜色，使用的应该是rgb格式的。用以下这个function，把rgb转成“#xxxx”(HEX )格式。var rgbString = "rgb(0, 70, 255)"; // get this in whatever way.var parts = rgbString.match(/^rgb$(\d+),\s*(\d+),\s*(\d+)$$/);// parts now should be ["rgb(0, 70, 255", "0", "70", "255"]delete (parts[0]);for (var i = 1; i <= 3; ++i) { parts[i] = parseInt(parts[i]).toString(16); if (parts[i].length == 1) parts[i] = '0' + parts[i];

}var hexString = parts.join(''); // "0070ff"

或者用这个functionfunction rgb2hex(rgb) { rgb = rgb.match(/^rgb$(\d+),\s*(\d+),\s*(\d+)$$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);

}

可以摘取其中重点语句举一反三

转一个js rgb颜色转16进制格式的代码

今天半个苹果同学要处理getComputedStyle的颜色值，IE下返回的是#FF000这样了现代浏览器返回的是rgb(255,0,0) 需要做下转换，我正写着代码他又发我一个url 就是下面这个，是我见过最好的转换代码了特此记录

原文:http://fayaa.com/code/view/200/

function zero_fill_hex(num, digits) { var s = num.toString(16); while (s.length

s = "0" + s; return s;

}function rgb2hex(rgb) { if (rgb.charAt(0) == '#') return rgb;

var ds = rgb.split(/\D+/); var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]); return "#" + zero_fill_hex(decimal, 6);

}

补充位运算版本：function rgbToHex(r, g, b) { return ((r <

css rgb转16进制,jquery获取元素颜色css('color')的值返回RGB。如何转十六进制相关推荐

jquery获取元素颜色css('color')的值返回RGB
css代码如下: a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如 ...
rgba 转 rgb或者16进制的计算方法
项目种常常设计一个背景图+透明color的方式 ,如何转换成普通的rgb或者16进制呢? (1) 计算公式: Color = Color * alpha + Background * (1 - alp ...
js 根据深浅色背景，动态设置黑色白色文字颜色。判断颜色是否为深色，rgb转16进制，16进制转rgb
效果图: 根据深浅色背景,返回黑白文字颜色. 第一版: 代码: <!DOCTYPE html> <html lang="en"> <head>& ...
rgb与16进制颜色是如何相互转换的？
在css中定义颜色可以使用rgb颜色值,例:rgb(182, 0, 35):也可以使用16进制颜色值,例:#B60023.不管是rgb(182, 0, 35),还是#B60023都表示了同一种颜色,其 ...
JS 颜色RGB转换为16进制相互转换方法
/*RGB转换为16进制*/ const colorRgbToHex = (rgbStr: string) => {//十六进制颜色值的正则表达式constreg = /^#([0-9a-fA- ...
开发神器,color-dev ,告别百度rgb转16进制和16进制转rgb
笔者之前拿到ui稿,有些样式需要用到rgba,但是ui稿显示的是16进制的数值,无奈,只能百度16进制转rgb,然后加上透明度的量值. 时间一久,发现太累了,我还不如自己写一个转换工具呢,省的天天百度 ...
rgb转16进制的色值
rgb转16进制的色值演示地址 http://453972820.gitee.io/rgb_color/
js将颜色rgb转换为16进制
代码如下: //将rgb转换为16进制 function colorRGBtoHex(color) {// console.log(color);var rgb = color.split(','); ...
html rgb转换16进制js,JS实现颜色值格式转换 rgb和十六进制的转换
RGB转换为16进制 String.prototype.colorHex = function () { // RGB颜色值的正则 var reg = /^(rgb|RGB)/; var color ...
位运算实现rgb和16进制的转换
16进制颜色值转RGB: // hex = #FFFFFF (hex) => {hex = hex.replace('#','0x')return `rgb(${hex >> 16} ...

css rgb转16进制,jquery获取元素颜色css('color')的值返回RGB。如何转十六进制

css rgb转16进制,jquery获取元素颜色css('color')的值返回RGB。如何转十六进制相关推荐

最新文章

热门文章