rgba转16进制:

function RGBToHex(rgb){ var regexp = /[0-9]{0,3}/g;  var re = rgb.match(regexp);//利用正则表达式去掉多余的部分,将rgb中的数字提取var hexColor = "#"; var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];  for (var i = 0; i < re.length; i++) {var r = null, c = re[i], l = c; var hexAr = [];while (c > 16){  r = c % 16;  c = (c / 16) >> 0; hexAr.push(hex[r]);  } hexAr.push(hex[c]);if(l < 16&&l != ""){        hexAr.push(0)}hexColor += hexAr.reverse().join(''); }  //alert(hexColor)  return hexColor;
} 

16进制转rgba:

var util = {cutHex: function (hex) {return hex.charAt(0) == "#" ? hex.substring(1, 7) : hex;},hexToR: function (hex) {return parseInt((util.cutHex(hex)).substring(0, 2), 16)},hexToG: function (hex) {return parseInt((util.cutHex(hex)).substring(2, 4), 16)},hexToB: function (hex) {return parseInt((util.cutHex(hex)).substring(4, 6), 16)},hexToRgba: function (hex) {return 'rgba('+util.hexToR(hex)+','+util.hexToG(hex)+','+util.hexToB(hex)+',0.1)';}
};

10进制转rgba(转自网络,未验证):

方法一:

function getColor(number) {let color = number;const blue = parseInt(color % 0x100, 10);color = color >>> 8;const green = parseInt(color % 0x100, 10);color = color >>> 8;const red = parseInt(color % 0x100, 10);const alpha = (parseInt(color >>> 8, 10) / 0xFF).toFixed(1);return `rgba(${red}, ${green}, ${blue}, ${alpha})`;}

方法二:

function getColor(number) {const alpha = number >> 24 & 0xff;const red = number >> 16 & 0xff;const green = number >> 8 & 0xff;const blue = number & 0xff;return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
}

转载于:https://www.cnblogs.com/sunnyny/p/7651168.html

颜色rgba、16进制、10进制互相装换相关推荐

  1. 2进制 , 8进制 , 10进制 , 16进制 , 介绍 及 相互转换 及 快速转换

    为什么要使用进制数 数据在计算机中的表示,最终以二进制的形式存在 , 就是各种 <黑客帝国>电影中那些 0101010- 的数字 ; 我们操作计算机 , 实际 就是 使用 程序 和 软件 ...

  2. 16进制-2进制-10进制转换包(终端交互专用)

    因业务需要,与终端机器进行交互.特此写了个2进制10进制16进制字符串之间的转换包. package com.tools;import nettyServer.nServerAccept; impor ...

  3. 2进制10进制16进制负数的转换

    2进制10进制16进制之间的转换,包含负数. 前言:转换原则 16进制[A-F]与10进制.2进制转义表 一:2进制转16进制 二: 2进制中的负数如何转换成16进制 1.先写成正数的二进制 2. 取 ...

  4. java中 8进制 10进制 2进制 16进制 相互转换

    十进制转成十六进制: Integer.toHexString(int i) 十进制转成八进制 Integer.toOctalString(int i) 十进制转成二进制 Integer.toBinar ...

  5. shell 中转换16进制10进制

    2012年10月10日 17:28:55 帝都码农 阅读数 12150 标签: shell 更多 个人分类: shell 一.16进制转换成10进制 printf %d 0xF 15 或者 echo ...

  6. JAVA 进制转换工具类 10进制转16进制 10进制转2进制 16进制转2进制 16进制10进制 2进制转10进制 2进制转16进制

    进制转换的坑: 注意:使用Integer的方法转换出来的2进制字符串 最高位是没有补零的 ,java的Integer类的toBinaryString()方法转换出来的二进制字符串只会保留最高非零位以后 ...

  7. 进制转换 2进制转10进制 10进制转2进制

    觉得有用的,HXD们请点个赞●▽● 10进制转2进制(以十进制100转换为二进制为例子:) 方法一(除2取余数,倒叙摆列,高位补零 ) 100/2=50余0: 50/2=25余0: 25/2=12余1 ...

  8. CSS标准颜色值查找 16进制10进制颜色值表 颜色中英文名称 在线颜色配色对比效

    名称背景 数值背景 颜色名称 中文名称 十六进制RGB 十进制RGB 粗细字体配色参考   aliceblue 艾利斯兰 #f0f8ff 240,248,255 艾利斯兰[中国搜]     antiq ...

  9. android 16进制/10进制/2进制转换

    // 十六进制转二进制 public String HToB(String a) { String b = Integer.toBinaryString(Integer.valueOf(toD(a, ...

  10. shell 二进制 16进制 10进制

    1.shell 定义变量,都是字符串,在使用的使用,看运算符来决定是当数字,还是字符串 int_var=0x10 echo $int_var $((int_var)) let int_var=$int ...

最新文章

  1. [转载]CentOS 7安装Gnome GUI 图形界面
  2. 祝天下所有父亲节日快乐
  3. linux windows 字符编码转换,Linux操作系统下汉字编码的转换
  4. Sql2000命名中的’_’好象会引发问题
  5. AlfaLaval公司采用低速通风技术冷却数据中心
  6. 从博客园迁移到简书平台
  7. 大学计算机一级准考证打印,河海大学计算机等级考试准考证打印入口
  8. Code For Better 谷歌开发者之声——Flutter - Google 开源的移动 UI 框架
  9. [ERROR] [FATAL] InnoDB: Over 95 percent of the buffer pool is occupied by lock heaps or the adaptive
  10. 《互联网周刊》:中国互联网10年大事记
  11. html5都能干嘛种花,把这19种花种起来,整个家都能变成大花园!
  12. 不同坐标系下角速度_惯性技术常用坐标系
  13. python面试题No5
  14. 代数结构与有限域之 群
  15. 微信小程序图片上传到java后台
  16. 车型识别API调用与批量分类车辆图片
  17. 单作用叶片泵的结构与工作原理
  18. mod_rewrite htaccess 简单使用
  19. 测试环境:一种更准确的测试环境温度监测方法
  20. linux 输入8个字母进行排序,Linux下使用sort进行排序

热门文章

  1. lcd12864历程C语言程序,基于51单片机的LCD12864程序设计
  2. 怎样从altera下载软件与器件库
  3. 微信打飞机游戏(python)
  4. nod32 激活码 地址 NOD 32
  5. PowerBuilder9.0 安装包及注意事项
  6. 云南昭通暴雨强度公式_昆明市暴雨强度公式推算与对比
  7. 数据库:关于BULK INSERT 学习笔记(1)
  8. clientWidth,clientHeight 窗口宽高获取异常问题记录
  9. python词库介绍_解析搜狗词库(python)
  10. 如何根据项目进行PLC选型