JS实现颜色值格式转换 rgb和十六进制的转换

【16进制转换为RGB 】
16进制一般有3位或者6位,如果为3位的话,需要补齐为6位

set16ToRgb(str){var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/if(!reg.test(str)){return;}let newStr = (str.toLowerCase()).replace(/\#/g,'')let len = newStr.length;if(len == 3){let t = ''for(var i=0;i<len;i++){t += newStr.slice(i,i+1).concat(newStr.slice(i,i+1))}newStr = t}let arr = []; //将字符串分隔,两个两个的分隔for(var i =0;i<6;i=i+2){let s = newStr.slice(i,i+2)arr.push(parseInt("0x" + s))}return 'rgb(' + arr.join(",")  + ')';
}set16ToRgb('#ffffff');   // rgb(255,255,0)

【RGB转换为16进制 】

setRgbTo16(str){let reg = /^(rgb|RGB)/;if(!reg.test(str)){return;}var arr = str.slice(4, str.length-1).split(",")let color = '#';for(var i=0;i<arr.length;i++){var t = Number(arr[i]).toString(16)if(t == "0"){   //如果为“0”的话,需要补0操作,否则只有5位数t =  t + "0"}color += t;}return color;
}setRgbTo16('rgb(255,0,255)');   // #FF00FF

javascript颜色值转换 rgb 16进制互转相关推荐

  1. html rgb 16进制转换,rgb转16进制 rgb对应的16进制是多少

    c++如何将RGB(230,230,230)转换成0x十六进制 移位和按位加: int r,g,b; int c; // TC 用 long int; // 如果次序是RRGGBB c = r 如何将 ...

  2. python实现颜色RGB转换颜色16进制

    python实现颜色RGB转换颜色16进制 超级简单的实现过程 #coding:utf-8def RGB_to_Hex(tmp):rgb = tmp.split(',')#将RGB格式划分开来strs ...

  3. java进制转换、字符串与16进制互转/数字进制互转

    目录 十进制转其他进制 其他进制数字转十进制 字符串与16进制相互转换 十进制转其他进制 /*** 十进制转其他进制*/public static String conversion(Integer ...

  4. 10进制转换成16进制

    更新中......... 任意2-36进制数转化为10进制数. 建议自己写函数,代码如下: int Atoi(string s,int radix) //s是给定的radix进制字符串 {int an ...

  5. 将字符串转换成16进制

    将字符串转换成16进制 原文:将字符串转换成16进制 1.将普通字符串转换成16进制的字符串. 点击进入推荐链接 class Program {static void Main(string[] ar ...

  6. java 16进制数组 字符串_byte数组转换成16进制字符串和字符数组的方法

    byte数组转换成16进制字符串String: public class CommonUtil { /** * byte数组转换成16进制字符串 * @param src * @return */ p ...

  7. ip地址转换成16进制long

    <span style="font-size:18px;">public class IpUtil {/*** ip地址转换成16进制long* @param ipSt ...

  8. QQ号转换成16进制登陆

    QQ号转换成16进制登陆 闲来无事,把自己的QQ号码进行进制转换,以十进制转换成十六进制进行登陆 很好玩,可以拿来装逼 在线进行转换链接 登陆的时候需要在十六进制之前加上 0x,然后进行登陆,完全没毛 ...

  9. php如何将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串

    php如何将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串!经过查找居然如此简单,一个函数就搞定了. 数据库脚本: -- -------------------- ...

最新文章

  1. 微前端在美团外卖的实践
  2. python中分支结构有几种各有什么特点_「武鹏有课」Python分支结构的种类
  3. java编写交通灯思路
  4. 上传问题分析1--文件保存位置
  5. html设置返回的样式,jQuery设置或返回元素样式属性。
  6. Windows开启SNMP服务----Win7
  7. python大游戏_玩游戏就能学Python?太炫酷了!
  8. 浅谈line-height和vertical-align
  9. 【转】Oracle当中扫描数据的方法
  10. 乔姆斯基生成语法_乔姆斯基(乔姆斯基转换生成语法理论)
  11. 一般描绘性形容词_描绘性形容词和限制性形容词
  12. 《微微一笑很倾城》中肖奈大神说的平方根倒数速算法是什么鬼?三十分钟理解!...
  13. python去除视频水印接口_使用ffmpeg去除视频水印【ffmpeg】
  14. 计算机无法读取内存卡,「图文」教你如何修复电脑无法识别读取的U盘(SD卡)...
  15. ArcGIS—数据类型(1):Coverage数据
  16. 腾讯2021校园招聘技术类编程题汇总
  17. 什么是 Adobe AIR
  18. cin、cout、cerr、clog用法区别及其在VS环境下的重定向
  19. 什么是电压跟随器,它有哪些特点,应用于哪些场合?
  20. 用计算机唱歌弹奏china,新目标英语专题练习:句型转换(附答案)

热门文章

  1. 不使用cornerRadius设置图片圆角
  2. Hive(二)基础教程
  3. flutter 自定义绘制_自定义可绘制
  4. UCML点击BPO报异常
  5. 戴尔r730服务器CPU支持,r730服务器不能开启虚拟化(dell开启cpu虚拟化)
  6. 小程序自定义navigationBar组件以及上滑修改navigationBar
  7. 三层交换机上配置DHCP
  8. 【SAP Abap】SAP ALV开发(REUSE_ALV_GRID_DISPLAY_LVC)全网最详细 DEMO
  9. 【GPT模型】遥感云大数据在灾害、水体与湿地领域中的应用
  10. 蓝桥杯单片机之DS18B20温度传感器