js实现rgb和16进制颜色的相互转化

16进制转rgb

  transRgb(color) {var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;var sColor = color.toLowerCase();if (sColor && reg.test(sColor)) {if (sColor.length === 4) {var sColorNew = "#";for (var i = 1; i < 4; i += 1) {sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));}sColor = sColorNew;}//处理六位的颜色值var sColorChange = [];for (var i = 1; i <= 6; i += 2) {sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));}return "rgba(" + sColorChange.join(",") + ")";} else {return sColor;}},

rbg带透明度转16进制

rgbToHex(color) {var values = color.replace(/rgba?\(/, '').replace(/\)/, '').replace(/[\s+]/g, '').split(',');var a = parseFloat(values[3] || 1),r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255);return "#" +("0" + r.toString(16)).slice(-2) +("0" + g.toString(16)).slice(-2) +("0" + b.toString(16)).slice(-2);},

16进制转换rgb，并设置透明度

 getColor(thisColor, thisOpacity) {var theColor = thisColor.toLowerCase();//十六进制颜色值的正则表达式var r = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;// 如果是16进制颜色if (theColor && r.test(theColor)) {if (theColor.length === 4) {var sColorNew = "#";for (var i = 1; i < 4; i += 1) {sColorNew += theColor.slice(i, i + 1).concat(theColor.slice(i, i + 1));}theColor = sColorNew;}//处理六位的颜色值var sColorChange = [];for (var i = 1; i < 7; i += 2) {sColorChange.push(parseInt("0x" + theColor.slice(i, i + 2)));}return "rgba(" + sColorChange.join(",") + "," + thisOpacity + ")";}return theColor;},

js实现rgb和16进制颜色的相互转化相关推荐

rgb与16进制颜色是如何相互转换的？
在css中定义颜色可以使用rgb颜色值,例:rgb(182, 0, 35):也可以使用16进制颜色值,例:#B60023.不管是rgb(182, 0, 35),还是#B60023都表示了同一种颜色,其 ...
java后台如何将rgb与16进制颜色进行转换
首先将rgb颜色转换成16进制 //**将rgb色彩值转成16进制代码**public String convertRGBToHex(int r, int g, int b) {String rFSt ...
RGB与16进制颜色转换的原理
Integer有进制转换的方法.也可以自己写进制转换的方法.
Winform中实现颜色拾取器获取RGB与16进制颜色程序与源码分享
场景效果实现关键代码 using System; using System.Collections.Generic; using System.ComponentModel; using Sys ...
Winform中实现实时颜色拾取器显示RGB和16进制颜色(附代码下载)
场景效果注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现新建一个窗体 ...
js 根据深浅色背景，动态设置黑色白色文字颜色。判断颜色是否为深色，rgb转16进制，16进制转rgb
效果图: 根据深浅色背景,返回黑白文字颜色. 第一版: 代码: <!DOCTYPE html> <html lang="en"> <head>& ...
js将16进制颜色转换成RGB格式
js代码如下: function hexToRgb(hex) { var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(h ...
js将颜色rgb转换为16进制
代码如下: //将rgb转换为16进制 function colorRGBtoHex(color) {// console.log(color);var rgb = color.split(','); ...
JS 颜色RGB转换为16进制相互转换方法
/*RGB转换为16进制*/ const colorRgbToHex = (rgbStr: string) => {//十六进制颜色值的正则表达式constreg = /^#([0-9a-fA- ...

js实现rgb和16进制颜色的相互转化

16进制转rgb

rbg带透明度转16进制

16进制转换rgb，并设置透明度

js实现rgb和16进制颜色的相互转化相关推荐

最新文章

热门文章