JavaScript原生16进制颜色值转RGB值
来源:互联网 发布:windows whistler.img 编辑:程序博客网 时间:2024/05/18 12:30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>16进制颜色值转RGB</title> <style> *{margin:0;padding:0;font-family:'Microsoft yahei'} .replace{width:400px;height:210px;margin:0 auto;padding-top:40px;} .title{text-align:center;display:block} form{width:200px;margin:30px auto;} input{outline:none;} input[type="button"]{cursor:pointer;} </style> <script> function hexToR(h) { return parseInt((cutHex(h)).substring(0, 2), 16) } function hexToG(h) { return parseInt((cutHex(h)).substring(2, 4), 16) } function hexToB(h) { return parseInt((cutHex(h)).substring(4, 6), 16) } function cutHex(h) { return h.charAt(0) == "#" ? h.substring(1, 7) : h } function setBgColorById(id, sColor) { var elems; if (document.getElementById) { if (elems = document.getElementById(id)) { if (elems.style) elems.style.backgroundColor = sColor; } } } </script> </head> <body> <div class="replace"> <span class="title">JavaScript原生16进制颜色值转RGB值</span> <form name="rgb"> <input value="ffffff" maxlength="7" size="16" name="hex" /> <input onclick="setBgColorById('colorSample',this.form.hex.value); this.form.r.value=hexToR(this.form.hex.value); this.form.g.value=hexToG(this.form.hex.value); this.form.b.value=hexToB(this.form.hex.value);" value="转换" type="button" name="btn"/> <br /><br /> R:<input style="width:30px" size="3" name="r" /> G:<input style="width:30px" size="3" name="g" /> B:<input style="width:30px" size="3" name="b" /> </form> </div></body></html>
0 0
- JavaScript原生16进制颜色值转RGB值
- RGB转16进制颜色码
- 将16进制颜色转换成RGB值
- 10进制颜色码转换成RGB颜色值
- 十进制颜色值转rgb
- flex实现16进制颜色和RGB颜色值的相互转换
- 16进制颜色(html颜色值)字符串转为UIColor【RGB】
- 把16进制颜色值转换为RGB或ARGB颜色
- 常见颜色RGB颜色值
- RGB颜色值分离
- RGB 颜色值
- 颜色值RGB
- 颜色的RGB值
- 常见颜色 RGB值
- 常用RGB颜色值
- 一些RGB颜色值
- 颜色的RGB值
- RGB颜色值
- iOS国际化遇到的问题
- Android开发一:Activity之间跳转的四种launchMode
- NSNotificationCenter用法总结
- PHP 对一个给定的二维数组按照指定的键值进行排序
- c#公式
- JavaScript原生16进制颜色值转RGB值
- RocketMQ在windows上安装和开发使用
- 税后14K,从石头到钻石的成长磨炼!
- Java多线程 -- 单例模式的Double-checked Locking (DCL)问题
- 2015十大最热门科技工作:软件开发工程师居首
- Android Fragment使用
- 新装修的居室为何要做开荒?
- memcached源码分析-----slab内存分配器
- mysql触发器学习