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

更新时间：2015年06月01日 09:40:19 作者：秋风秋雨

这篇文章主要介绍了JavaScript实现把rgb颜色转换成16进制颜色的方法,涉及javascript实现数制转换的相关技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

关于前后端json数据的发送与接收详解
这篇文章主要给大家介绍了关于前后端json数据发送与接收的相关资料，文中通过示例代码详细介绍了关于flask中的json数据接收和前端发送json数据等内容，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-07-07
js 键盘记录实现(兼容FireFox和IE)
用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。
2010-02-02
JavaScript移动端常用事件之touch触摸事件详解
触屏事件touch也称为触摸事件,touch对象代表一个触摸点,触摸点可能是一根手指,也可能是一根触摸笔,触屏事件可响应用户手指(或触摸笔)对屏幕或者触控板操作,下面这篇文章主要给大家介绍了关于JavaScript移动端常用事件之touch触摸事件的相关资料,需要的朋友可以参考下
2022-10-10
js DataSet数据源处理代码
js DataSet数据源处理代码，需要的朋友可以参考下。
2010-03-03
javascript简单实现深浅拷贝过程详解
这篇文章主要介绍了javascript简单实现深浅拷贝过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
js自定义QQ菜单效果
这篇文章主要为大家详细介绍了js自定义QQ菜单，具有收缩，下拉等功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
JS获取短信验证码倒计时的实现代码
这篇文章主要介绍了JS获取短信验证码倒计时的实现代码,需要的朋友可以参考下
2017-05-05
js实现可旋转的立方体模型
这里给大家分享的是通过js脚本来控制页面中的正方体转动特效，用户可以点击按钮向右转动，也可以向下转动，结合自己的需求控制即可。效果非常棒，这里推荐给大家
2016-10-10
JavaScript数组排序功能简单实现
这篇文章主要介绍了JavaScript数组排序功能简单实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
js实现固定区域内的不重叠随机圆
这篇文章主要为大家详细介绍了js实现固定区域内的不重叠随机圆，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10