JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换
/**
* 随机生成颜色
* @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<color.length;i++){
var hex=Number(color[i]).toString(16);
if(hex.length==1) hex="0"+hex;
colorHex+=hex;
}
return colorHex;
}else{
return color;
}
}
JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换的更多相关文章
- javascript 十六进制与RGB颜色值的相互转换
http://www.zhangxinxu.com/wordpress/?p=646 http://www.zhangxinxu.com/wordpress/?p=646 -------------- ...
- javascript获取随机rgb颜色和十六进制颜色的方法
<div id="console">在线交易平台的成功秘诀:从 Ebay 到 Yelp 到 Uber</div> <script type=" ...
- ZedGraph怎样在生成曲线时随机生成不一样的颜色
场景 在使用ZedGraph生成多条曲线时为了能区分曲线颜色,要求随机设置曲线颜色. 首先从System.Drawing.Color中获取所有颜色的对象的数组,然后将其顺序打乱随机排序,然后在生成曲线 ...
- 使用javascript随机生成斗地主玩家手牌
学习javascript估摸着有半个多月了,好歹自己有过编程基础,学的还算轻松,不过js里的面向对象是真的打脑壳,但都但不懂,和我以前学过的c#简直相差太远 今天写了个随机生成斗地主玩家手牌的代码,自 ...
- JavaScript随机生成信用卡卡号的方法
这段JS代码根据信用卡卡号产生规则随机生成信用卡卡号,是可以通过验证的,仅供学习参考,请不要用于非法用途,否则后果自负. var visaPrefixList = new Array( "4 ...
- C# 调用颜色的RGB值_RGB颜色转换十六进制颜色
调用方法: 如:btn_FangTai.BackColor = Color.FromArgb(135, 206, 250); 十六进制颜色查询 颜 色 英文代码 形象描述 十六进制 RGB L ...
- 使用JavaScript随机生成数字混合字母的验证码
<script> // 封装一个随机生成数字的函数 function random(a, b) { var n = Math.round(Math.random() * (a - b) ...
- 【JavaScript随机生成验证码及其颜色】
css样式: <style type="text/css"> /*给验证码设一个盒子*/ #yzm{ width: 120px; height: 50px; text- ...
- JavaScript随机生成布尔值
//方法一 var rand = Boolean(Math.round(Math.random())); conosole.log(rand) // 方法二: var arr = [true,fals ...
随机推荐
- badblocks 检查磁盘损坏的区块
Linux badblocks命令用于检查磁盘装置中损坏的区块. 语法: badblocks [-svw][-b <区块大小>][-o <输出文件>][磁盘装置][磁盘区块数] ...
- mysql nginx redis 配置文件
https://github.com/superhj1987/awesome-config
- neon eclipse tomcat发布项目乱码
解决方法如图
- vue.js2.0实战(1):搭建开发环境及构建项目
Vue.js学习系列: vue.js2.0实战(1):搭建开发环境及构建项目 https://my.oschina.net/brillantzhao/blog/1541638 vue.js2.0实战( ...
- storm shell命令源码分析-shell_submission.clj
当我们在shell里执行storm shell命令时会调用shell_submission.clj里的main函数.shell_submission.clj如下: shell_submission.c ...
- winform中的ComboBox同时设置text和value的方法
winform中的ComboBox不能像webform中的dropdownlist控件一样,在属性中可以同时设置text和value值,可以通过编写一个新类来实现这个功能. 1.首先在form1中添加 ...
- 关于vs2012解决方案中项目DLL文件引用问题
今天用vs2012建了项目框架,老是出现说解决方案中的项目dll文件不存在,但是我按照路径去找是可以找到这个文件的,也就是说这个文件存在的.我按照引用顺序单个编译每个项目都是成功的,就是当我编译整个解 ...
- Beta博客总结
描述项目预期计划和现实进展 冲刺 时间 预期任务以及预估时间 现实完成情况以及实际用时 冲刺1 12.4 修改等级答题界面:30,修改获取用户信息接口:30 修改等级答题界面:60,修改获取用户信息接 ...
- php5.6安装window7安装memcache.dll库所遇到的误区
问题: window7 64位,下载的库 memcache.dll 为64位的,且对应php的版本.但是重启后phpstudy查看phpinfo依然没有memcache: 根源: 发现是下载的 mem ...
- poj2689(素数区间筛法模板)
题目链接: http://poj.org/problem?id=2689 题意: 给出一个区间 [l, r] 求其中相邻的距离最近和最远的素数对 . 其中 1 <= l < r < ...