rgba与十六进制的相互转换，以及rgba的校验

1、将rgba颜色值转换为十六进制(rgb转十六进制同理)

RGBToHex(rgba){let str = rgba.slice(5,rgba.length - 1),arry = str.split(','),opa = Number(arry[3].trim())*100,strHex = "#",r = Number(arry[0].trim()),g = Number(arry[1].trim()),b = Number(arry[2].trim());strHex += ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);return {color:strHex,opacity:opa};
}

2、将十六进制颜色值转换为rgba(十六进制转rgb同理)

HexToRGB(color,opacity){let newColor = 'rgba(';//判断是三位还是六位if(color.length === 4){let arry = [];for(let i = 1;i < color.length;i++){arry.push(parseInt("0x" + color[i] + color[i]));}arry.forEach(function(item){newColor += item + ', ';});newColor += opacity/100 + ')';return newColor;}else{let arry = [];for(let i = 1;i < color.length;i += 2){arry.push(parseInt("0x" + color.slice(i,i+2)));}arry.forEach(function(item){newColor += item + ', ';});newColor += opacity/100 + ')';return newColor;}
}

3、正则检测rgba格式是否正确(检测rgb同理)

checkRGBA(rgba){let str = rgba.slice(5,rgba.length - 1),arry = str.split(','),status = true,reg = /^rgba\(\d{1,3}(\,\s{0,1}\d{1,3}){2}\,\s{0,1}(0|(0(\.\d{1,2}))|1)\)$/;arry.forEach(function(item,index){if(index == arry.length - 1){if(Number(item.trim()) < 0 || Number(item.trim()) > 1){status = false;}}else{if(Number(item.trim()) < 0 || Number(item.trim()) > 255){status = false;}}});if(reg.test(rgba) && status){return true;}else{return false;}
}

rgba与十六进制的相互转换，以及rgba的校验相关推荐

编程基础进制的定义，二进制、十进制、十六进制的相互转换
文章目录 1. 进制的定义 2. 进制的规范 3. 进制的进位运算 3.1 十进制 3.2 二进制 3.3 八进制 3.4 十六进制 3.5 进制表 4. 进制的相互转换 4.1 二进制与十进制的相互 ...
什么是RGB值，RGBA以及十六进制的RGB
目录颜色单位: RGB 值 RGBA 十六进制的RGB HLS值,HLSA值颜色单位: 在CSS中可以直接使用颜色名来设置各种颜色比如:red ,orange.yellow...... 但是在C ...
html 白色用rgba,javascript – 将RGB转换为RGBA白色
我有一个十六进制颜色,例如. #F4F8FB(或rgb(244,248,251)),我想将其转换为透明的可能的rgba颜色(当显示为白色时).合理?我正在寻找一个算法,或至少想法的算法,如何做到这一点 ...
16进制转10进制 nodejs_Js字符串与十六进制的相互转换【转】
开发过程中,字符串与十六进.二进制之间的相互转换常常会用到,尤其是涉及到中文的加密时,就需要把中文转换为十六进制.下面说说具体的转换方法. 1.字符串转换为十六进制主要使用 charCodeAt() ...
二进制，八进制，十进制，十六进制的相互转换【简单易懂】（含代码模板）
目录二进制转十进制十进制原理: 二进制转十进制计算: 八.十六进制转十进制八.十六进制转十进制计算: 十进制转其他进制十进制转二进制: 十进制转八进制: 十进制转十六进制: 不同进制之间的相互 ...
rgba无效php,详解rgba兼容性处理方法
根据caniuse(http://caniuse.com/#search=rgba),rgba兼容性为IE9以及以上浏览器. 实例代码: rgba 兼容性处理 * { margin: 0; paddi ...
python中的二进制、八进制、十六进制的相互转换
1 二进制.八进制.十六进制转到十进制使用int(str, n)即可完成二进制.八进制.十六进制到十进制的转换: str:是要转换的进制具体数,类型字符串 n:是要转换的进制,类型整型 1.1 ...
十进制与二进制八进制十六进制的相互转换
using System; using System.Collections.Generic; using System.Linq; using System.Text;namespace Conso ...
C语言实现二、十、十六进制的相互转换
#include <stdio.h> #include <stdlib.h> #include <math.h> #include <string.h> ...
进制转换（详解二进制、八进制、十进制、十六进制的相互转换）
目录二进制运算规则十进制的转换二进制数.八进制数.十六进制数的相互转换

rgba与十六进制的相互转换，以及rgba的校验

rgba与十六进制的相互转换，以及rgba的校验相关推荐

最新文章

热门文章