博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换
阅读量:6111 次
发布时间:2019-06-21

本文共 1110 字,大约阅读时间需要 3 分钟。

/** * 随机生成颜色 * @return 随机生成的十六进制颜色*/ function randomColor(){  var colorStr=Math.floor(Math.random()*0xFFFFFF).toString(16).toUpperCase();  return"#"+"000000".substring(0,6-colorStr)+colorStr;}

  

/** * 十六进制颜色转换为RGB颜色 * @param color 要转换的十六进制颜色 * @return RGB颜色*/function colorHexToRGB(color){  color=color.toUpperCase();  var regexpHex=/^#[0-9a-fA-F]{3,6}$/;//Hex  if(regexpHex.test(color)){    var hexArray=new Array();    var count=1;    for(var i=1;i<=3;i++){      if(color.length-2*i>3-i){        hexArray.push(Number("0x"+color.substring(count,count+2)));        count+=2;      }else{        hexArray.push(Number("0x"+color.charAt(count)+color.charAt(count)));        count+=1;      }    }    return"RGB("+hexArray.join(",")+")";  }else{    return color;  }}

  

/** * RGB颜色转换为十六进制颜色 * @param color 要转换的RGB颜色 * @return 十六进制颜色*/ function colorRGBToHex(color){  var regexpRGB=/^(rgb|RGB)([0-9]{1,3},s?[0-9]{1,3},s?[0-9]{1,3})$/;//RGB  if(regexpRGB.test(color)){    color=color.replace(/((|)|rgb|RGB)*/g,"").split(",");    var colorHex="#";    for(var i=0;i

  

转载于:https://www.cnblogs.com/ecmasea/p/9542699.html

你可能感兴趣的文章
js document.activeElement 获得焦点的元素
查看>>
C++ 迭代器运算
查看>>
【支持iOS11】UITableView左滑删除自定义 - 实现多选项并使用自定义图片
查看>>
day6-if,while,for的快速掌握
查看>>
JavaWeb学习笔记(十四)--JSP语法
查看>>
【算法笔记】多线程斐波那契数列
查看>>
java8函数式编程实例
查看>>
jqgrid滚动条宽度/列显示不全问题
查看>>
在mac OS10.10下安装 cocoapods遇到的一些问题
查看>>
angularjs表达式中的HTML内容,如何不转义,直接表现为html元素
查看>>
css技巧
查看>>
Tyvj 1728 普通平衡树
查看>>
[Usaco2015 dec]Max Flow
查看>>
javascript性能优化
查看>>
多路归并排序之败者树
查看>>
java连接MySql数据库
查看>>
转:Vue keep-alive实践总结
查看>>
android studio修改新项目package名称
查看>>
深入python的set和dict
查看>>
C++ 11 lambda
查看>>