rgba和hex之间转换

分享颜色插件【1:spectrum：https://www.bootcdn.cn/spectrum/ 2:官网：http://bgrins.github.io/spectrum/】

1、hex转rgba

参考网站：https://blog.csdn.net/jyao_in/article/details/80615474

var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
String.prototype.colorRgb = function(){  var sColor = this.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<7; i+=2){  sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));    }return {red: sColorChange[0], green: sColorChange[1], blue: sColorChange[2], alpha: null}; }else{  return sColor;}
}
var color = '#ffffff';
color.colorRgb() // {red: 255, green: 255, blue: 255, alpha: null} (alpha自己添加进去的)

2、rgba转hex

参考网站：https://www.youyong.top/article/1159366a4e3b0

function colorHex(value) {if(!value) return '#ffffff';if(!isObj(value) && value.includes('#')) return value;var sColor = [value.red.toString(),value.green.toString(),value.blue.toString()];value = '';sColor.map(v => {v = parseInt(v.replace(/[^\d]/gi, ''), 10).toString(16);console.log(v.length == 1 ? "0" + v : v);value += v.length == 1 ? '0'+v : v;}).join('');return '#'+ value;
}
var obj = {red: 255, green: 255, blue: 255, alpha: null}
colorHex(obj)  // #ffffff

rgba和hex之间转换相关推荐

C语言：单精度(float)和双精度(double)浮点数与十六进制(HEX) 之间转换
以下程序,都是在 C-Free5 的编译环境完成. C语言基础开发----目录一.浮点数数据结构 1. 单精度(float)浮点数----32位具体结构如下表所示: 符号位 Sign (S) ...
Python3 字符串与hex之间的相互转换
在字符串转换上,python2和python3是不同的,在查看一些python2的脚本时候,总是遇到字符串与hex之间之间的转换出现问题,记录一下解决方法. 1. 在Python2.7.x上,hex字 ...
python变量类型之间转换_python学习笔记5—数据类型转换
数据类型转换 16进制和10进制之间转换In [18]: int('a',16) 把16进制的a转换为10进制的10,16说明a是16进制数 Out[18]: 10 In [13]: int('0xa ...
c#实现16进制和字符串之间转换的代码
十六进制字符串与数值类型之间转换(C# 编程指南) 以下示例演示如何执行下列任务: 获取字符串中每个字符的十六进制值. 获取与十六进制字符串中的每个值对应的字符. 将十六进制 string 转换为整型 ...
C++ 笔记（05）— 变量（变量定义、声明、初始化、extern关键字、变量之间转换）
1. 变量定义变量定义就是告诉编译器在何处创建变量的存储,以及如何创建变量的存储.变量定义指定一个数据类型,并包含了该类型的一个或多个变量的列表,如下所示: type variable_list; ...
PyTorch 笔记（03）— Tensor 数据类型分类（默认数据类型、CPU tensor、GPU tensor、CPU 和 GPU 之间的转换、数据类型之间转换）
1. Tensor 数据类型 Tensor 有不同的数据类型,如下表所示,每种类型都有 CPU 和 GPU 版本(HalfTensor)除外,默认的 tensor 是数据类型是 FloatTensor ...
能在不同的深度学习框架之间转换模型？微软的MMdnn做到了
Microsoft/MMdnn:深度学习框架随心切换学习深度学习的各位同学都希望自己的模型能在不同的深度学习框架之间随意转换,比如,斯坦福大学CVGL实验室的Saumitro Dasgupta就做过 ...
如何在 Unix 和 DOS 格式之间转换文本文件
本文介绍如何在 Unix 和 DOS 格式之间转换文本文件.DOS 文本文件带有回车符( \r )和换行符( \n )作为它们的换行符,而 Unix 文本文件只有( \n )换行符作为换行符. 有多种 ...
jdk安装教程_使用JDK 8流在包装对象的集合和包装对象的集合之间转换
jdk安装教程我发现使用基于Java的应用程序时,装饰器和适配器有时会很有用. 这些"包装器"在各种情况下都可以很好地工作,并且相当容易理解和实现,但是当需要包装对象的层次结构而 ...
linux pfn,ARM Linux下的page和pfn之间转换的宏。
ARM Linux下的page和pfn之间转换的宏如下: 1)page_to_pfn 2)pfn_to_page 这两个宏依赖于内核编译时,选择的内存模型.在include/asm-generic/m ...

rgba和hex之间转换

rgba和hex之间转换相关推荐

最新文章

热门文章