JavaScript实现把rgb颜色转换成16进制颜色的方法


Posted in Javascript onJune 01, 2015

本文实例讲述了JavaScript实现把rgb颜色转换成16进制颜色的方法。分享给大家供大家参考。具体实现方法如下:

<!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>javascript RGB转16进制</title>
</head>
<body>
<script>
function toHexString(r,g,b) {
 return ("00000" + (r << 16 | g << 8 | b).toString(16)).slice(-6);
}
/*
或者:
function RGB2HEX(a,b,c){return"#"+((256+a<<8|b)<<8|c).toString(16).slice(1)}
*/
var hex = toHexString(100, 100, 100);
alert(hex);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
最简单的js图片切换效果实现代码
Sep 24 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
深入理解Javascript动态方法调用与参数修改的问题
Dec 10 Javascript
javascript调试之DOM断点调试法使用技巧分享
Apr 15 Javascript
关于JS中prototype的理解
Sep 07 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
解决Layui中layer报错的问题
Sep 03 Javascript
JS+canvas五子棋人机对战实现步骤详解
Jun 04 Javascript
JavaScript实现的简单拖拽效果
Jun 01 #Javascript
一看就懂:jsonp详解
Jun 01 #Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 #Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 #Javascript
window.onload与$(document).ready()的区别分析
May 30 #Javascript
JQuery给网页更换皮肤的方法
May 30 #Javascript
jQuery实现给页面换肤的方法
May 30 #Javascript
You might like
PHP截取中文字符串的问题
2006/07/12 PHP
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
php继承的一个应用
2011/09/06 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
jQuery实现frame之间互通的方法
2017/06/26 jQuery
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
python实现简单http服务器功能
2018/09/17 Python
对Python定时任务的启动和停止方法详解
2019/02/19 Python
python数组循环处理方法
2019/08/26 Python
Python读写压缩文件的方法
2020/07/30 Python
python urllib和urllib3知识点总结
2021/02/08 Python
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
中医药大学毕业生自荐信
2013/11/08 职场文书
实习生求职自荐信
2014/02/07 职场文书