//十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
/*16进制颜色转为RGB格式*/
var colorRgb = function(color){
if(color.length>7){
var num = color.slice(7,9).toUpperCase();
var x = opacityColor(num)
color = color.slice(0,7);
}
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<7; i+=2){
sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));
}
//转换为rgb,此时不用传递参数
if(x==undefined){
return "rgb(" + sColorChange.join(",") + ")";
}else{
//转换为rgba,透明度为传递的参数x;
return "rgba(" + sColorChange.join(",") + ","+x+")";
}
}else{
return sColor;
}
}; function opacityColor(num){
if(num=='FF'){
return 1
}else if(num=='FC'){
return .99
}else if(num=='FA'){
return .98
}else if(num=='F7'){
return .97
}else if(num=='F5'){
return .96
}else if(num=='F2'){
return .95
}else if(num=='F0'){
return .94
}else if(num=='ED'){
return .93
}else if(num=='EB'){
return .92
}else if(num=='E8'){
return .91
}else if(num=='E6'){
return .9
}else if(num=='E3'){
return .89
}else if(num=='E0'){
return .88
}else if(num=='DE'){
return .87
}else if(num=='DB'){
return .86
}else if(num=='D9'){
return .85
}else if(num=='D6'){
return .84
}else if(num=='D4'){
return .83
}else if(num=='D1'){
return .82
}else if(num=='CF'){
return .81
}else if(num=='CC'){
return .80
}else if(num=='C9'){
return .79
}else if(num=='C7'){
return .78
}else if(num=='C4'){
return .77
}else if(num=='C2'){
return .76
}else if(num=='BF'){
return .75
}else if(num=='BD'){
return .74
}else if(num=='BA'){
return .73
}else if(num=='B8'){
return .72
}else if(num=='B5'){
return .71
}else if(num=='B3'){
return .70
}else if(num=='B0'){
return .69
}else if(num=='AD'){
return .68
}else if(num=='AB'){
return .67
}else if(num=='A8'){
return .66
}else if(num=='A6'){
return .65
}else if(num=='A3'){
return .64
}else if(num=='A1'){
return .63
}else if(num=='9E'){
return .62
}else if(num=='9C'){
return .61
}else if(num=='99'){
return .6
}else if(num=='96'){
return .59
}else if(num=='94'){
return .58
}else if(num=='91'){
return .57
}else if(num=='8F'){
return .56
}else if(num=='8C'){
return .55
}else if(num=='8A'){
return .54
}else if(num=='87'){
return .53
}else if(num=='85'){
return .52
}else if(num=='82'){
return .51
}else if(num=='80'){
return .5
}else if(num=='7D'){
return .49
}else if(num=='7A'){
return .48
}else if(num=='78'){
return .47
}else if(num=='75'){
return .46
}else if(num=='73'){
return .45
}else if(num=='70'){
return .44
}else if(num=='6E'){
return .43
}else if(num=='6B'){
return .42
}else if(num=='69'){
return .41
}else if(num=='66'){
return .4
}else if(num=='63'){
return .39
}else if(num=='61'){
return .38
}else if(num=='5E'){
return .37
}else if(num=='5C'){
return .36
}else if(num=='59'){
return .35
}else if(num=='57'){
return .34
}else if(num=='54'){
return .33
}else if(num=='52'){
return .32
}else if(num=='4F'){
return .31
}else if(num=='4D'){
return .3
}else if(num=='4A'){
return .29
}else if(num=='47'){
return .28
}else if(num=='45'){
return .27
}else if(num=='42'){
return .26
}else if(num=='40'){
return .25
}else if(num=='3D'){
return .24
}else if(num=='3B'){
return .23
}else if(num=='38'){
return .22
}else if(num=='36'){
return .21
}else if(num=='33'){
return .2
}else if(num=='30'){
return .19
}else if(num=='2E'){
return .18
}else if(num=='2B'){
return .17
}else if(num=='29'){
return .16
}else if(num=='26'){
return .15
}else if(num=='24'){
return .14
}else if(num=='21'){
return .13
}else if(num=='1F'){
return .12
}else if(num=='1C'){
return .11
}else if(num=='1A'){
return .1
}else if(num=='17'){
return .09
}else if(num=='14'){
return .08
}else if(num=='12'){
return .07
}else if(num=='0F'){
return .06
}else if(num=='0D'){
return .05
}else if(num=='0A'){
return .04
}else if(num=='08'){
return .03
}else if(num=='05'){
return .02
}else if(num=='03'){
return .01
}else if(num=='00'){
return 0
}
}

  

RRGGBBAA或者RRGGBB转换成rgba()的更多相关文章

  1. RGBA的值0-255范围如何转换成0-1范围

    这样一个rgba(1,0,0,1) 如果我们要把它转换成 0-255范围 就是rgb分别乘以255 就是 rgba(255,0,0,1) 0-255转0-1范围 如 rgba(34,56,56,1)转 ...

  2. python将url转换成二维码

    准备环境 python生成二维码,需要依赖包qrcode和PIL(二维码的实质就是一个url.) python3安装PIL:pip install PIL python2安装PIL:pip insta ...

  3. javascript把RGB指定颜色转换成十六进制颜色(Converting R,G,B values to HTML hex notation)

    Prologue 看见一篇非常好的外国文章,Making annoying rainbows in javascript,事实上我当时非常想把它翻译下来的,可是对于一个连六级都没过的人确实有点难度,一 ...

  4. DataTable 转换成 Json的3种方法

    在web开发中,我们可能会有这样的需求,为了便于前台的JS的处理,我们需要将查询出的数据源格式比如:List<T>.DataTable转换为Json格式.特别在使用Extjs框架的时候,A ...

  5. 微信小程序中利用时间选择器和js无计算实现定时器(将字符串或秒数转换成倒计时)

    转载注明出处 改成了一个单独的js文件,并修改代码增加了通用性,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时 ...

  6. C#将Word转换成PDF方法总结(基于Office和WPS两种方案)

    有时候,我们需要在线上预览word文档,当然我们可以用NPOI抽出Word中的文字和表格,然后显示到网页上面,但是这样会丢失掉Word中原有的格式和图片.一个比较好的办法就是将word转换成pdf,然 ...

  7. DataTable转换成IList<T>的简单实现

    DataTable的无奈 很多时候,我们需要去操作DataTable.但DataTable的操作,实在是太不方便了.Linq?lambda表达式?统统没有... 特别是对现有结果集做进一步筛选,这样的 ...

  8. ASP.Net中实现上传过程中将文本文件转换成PDF的方法

    iTextSharp是一个常用的PDF库,我们可以使用它来创建.修改PDF文件或对PDF文件进行一些其他额外的操作.本文讲述了如何在上传过程中将文本文件转换成PDF的方法. 基本工作 在开始之前,我们 ...

  9. asp.net dataTable转换成Json格式

    /// <summary> /// dataTable转换成Json格式 /// </summary> /// <param name="dt"> ...

随机推荐

  1. [How to] UILocalNotification 的使用

    1.简介 IOS共分为本地和远程通知两种通知,本问介绍本地通知UILocalNotification的基本使用方法. 2.本地通知的实现: 步骤一:新建工程 在Xcode中新建一个single vie ...

  2. MiCode108 猜数字

    Description 相传,十八世纪的数学家喜欢玩一种猜数字的小游戏,规则如下: 首先裁判选定一个正整数数字 N (2 \leq N \leq 200)N(2≤N≤200),然后选择两个不同的整数X ...

  3. Django web框架之模板继承

    模板继承 (extend) Django模版引擎中最强大也是最复杂的部分就是模版继承了.模版继承可以让您创建一个基本的“骨架”模版,它包含您站点中的全部元素,并且可以定义能够被子模版覆盖的 block ...

  4. Java学习笔记(十一)——通过JDBC操作mysql数据库

    [前面的话] 时间总是好快,每次都感觉还没有怎么好好去过,对于好多事情,希望自己可以做的更多一点.心情能够好一点,平淡一点就行了. 学习过程中的知识点总结,基础知识,选择阅读. [JDBC定义] 定义 ...

  5. AC日记——小B的询问 洛谷 P2709

    小B的询问 思路: 水题: 代码: #include <bits/stdc++.h> using namespace std; #define maxn 50005 #define ll ...

  6. 17-7-26-react-router入门

    完蛋了,上司最近都和颜悦色的,搞得我跑路的决心大大减退,不过还是要跑路.毕竟面向工资编程.今天一天基本都在挑项目的CSS,由于是别人哪里直接copy的,然后css我也直接copy的codepen上的源 ...

  7. Windows命令远程执行工具Winexe

    Windows命令远程执行工具Winexe   在对Windows系统执行渗透测试中,通过各种方式可以获取目标主机的用户名和密码.这时,只要对方主机开启文件共享服务,就可以借助Winexe工具远程执行 ...

  8. qsc round#2 喵哈哈村的排队(本辣鸡想七想八的,特写此博文给自己一个提醒)

    该oj是qsc自己写的比赛,友情链接:http://qscoj.cn/ 喵哈哈村的排队 发布时间: 2017年2月26日 16:13   最后更新: 2017年2月26日 16:14   时间限制: ...

  9. [TCO2013]Block3Checkers

    题意:一个网格上有一些障碍和$3$个在网格边界上的棋子,你要添加一些障碍使得没有两个棋子四连通,问最少添加多少个障碍 官方题解——一张图教你做人... 三个棋子将网格边界分成三段,添加障碍后网格中一定 ...

  10. [UOJ409]Highway Tolls

    题意:交互题,给定一个简单无向图和$A,B(1\leq A\lt B)$,你可以对每条边指定其边权为$A$或$B$后通过交互库询问$S\rightarrow T$的最短路($S,T$在程序运行之前已经 ...