js实现颜色转换

一、hex转rgba

 const hex2Rgba = (bgColor, alpha = 1) => {let color = bgColor.slice(1); // 去掉'#'号let rgba = [parseInt("0x" + color.slice(0, 2)),parseInt("0x" + color.slice(2, 4)),parseInt("0x" + color.slice(4, 6)),alpha];return "rgba(" + rgba.toString() + ")";
};

来自u-charts.js

来自u-charts.js
// hex 转 rgba
function hexToRgb(hexValue, opc) {var rgx = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;var hex = hexValue.replace(rgx, function(m, r, g, b) {return r + r + g + g + b + b;});var rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);if(!rgb){return hexValue;}var r = parseInt(rgb[1], 16);var g = parseInt(rgb[2], 16);var b = parseInt(rgb[3], 16);return 'rgba(' + r + ',' + g + ',' + b + ',' + opc + ')';
}

二、十进制转hex

const getred = (color) => {const red = (color & 0xff0000) >> 16;return red;
};const getgreen = (color) => {const green = (color & 0x00ff00) >> 8;return green;
};const getblue = (color) => {const blue = color & 0x0000ff;return blue;
};// 十进制转hex
const Rgb2Hex = (color) => {=const r = getred(color);const g = getgreen(color);const b = getblue(color);const hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);return hex;
}

转载于：

https://blog.csdn.net/jarisMA/article/details/114386688

js实现颜色转换hex转rgba相关推荐

html背景颜色透明度hex,CSS背景颜色设置透明度的两种方法（8位hex和rgba）
目录一. 6位HEX转RGBA 二.8位HEX 在写微信小程序的时候,有个需求是按背景颜色 background-color要设透明度0.85,让背景图片 background-image透一点出来 ...
[JS] HEX颜色转换成RGBA
写了一个函数,可以把hex格式的颜色转为rgba的格式实际上不是颜色转换,主要是slice()函数的使用吧,当成字符串理解就好. function change(hex) {if (hex.leng ...
js中RGB与十六进制颜色转换
一.关于颜色的表示颜色的表示方式不知一种,从photoshop的取色面板就可以看出,如下: 上图共显示了5种颜色的表示方法:HSB,lab,RGB,CMYK与十六进制表示法在CSS中,我们也经常与 ...
Js 实现颜色值转换_Js 实现十六进制颜色值和RGB颜色值转换整理
一.Js 实现颜色值转换处理 js实现十六进制颜色值转RGB颜色值 js实现 RGB颜色值转十六进制颜色值 var colorChange = {rgbToHex: function (val) ...
colorFormat颜色转换插件
介绍 colorFormat.js是将颜色值转换为你需要格式的JavaScript库,现在仅支持浏览器支持的HEX/RGB/RGBA/HSL/HSLA等5种格式,任意格式之间互相转换. GitHub地 ...
c语言中用rgb改颜色字体,C语言颜色转换宏
C语言颜色转换宏 #define COLOR_BPP16_RGB555 /* Win RGB */ #define COLOR_RGB(r,g,b) ((COLORREF)(((BYTE)(r)|(( ...
c语言提取颜色,C语言颜色转换宏
C语言颜色转换宏 #define COLOR_BPP16_RGB555 /* Win RGB */ #define COLOR_RGB(r,g,b) ((COLORREF)(((BYTE)(r)|(( ...
php rgb,php颜色转换函数hex-rgb
一个很使用的php颜色转换函数,用于将hex表示的颜色值转换为rgb格式.例如:#dfdfdf转换成(239,239,239) 用法: var_dump(hex2rgb("#efefef&q ...
Flutter 十六进制颜色转换
详细使用可参考简书 Flutter颜色(Color)使用和十六进制颜色转换,这里只提供十六进制封装方法 class ColorsUtil {/// 十六进制颜色,/// hex, 十六进制值,例如:0 ...

js实现颜色转换hex转rgba

js实现颜色转换

一、hex转rgba

来自u-charts.js

二、十进制转hex

js实现颜色转换hex转rgba相关推荐

最新文章

热门文章