脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript实现把rgb颜色转换成16进制颜色

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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JS 实现导航栏悬停效果

    JS 实现导航栏悬停效果

    使用js实现的导航栏悬停效果在IE上，滚动滚动条或者鼠标滚轮的时候，导航栏会抖动;而在Chrome和FF上有没有任何问题
    2013-09-09
  • JavaScript中的this使用详解

    JavaScript中的this使用详解

    this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。今天我们就来详细探讨下this的使用
    2016-07-07
  • JavaScript必知必会（二) null 和undefined

    JavaScript必知必会（二) null 和undefined

    这篇文章主要介绍了JavaScript必知必会（二) null 和undefined的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • webpack4.x打包过程详解

    webpack4.x打包过程详解

    这篇文章主要介绍了webpack4.x打包过程详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • JS 动态获取节点代码innerHTML分析 [IE,FF]

    JS 动态获取节点代码innerHTML分析 [IE,FF]

    在IE 环境下 赋值类型为对象时 innerHTML 获取不到其改变，在FireFox环境下 .属性 方式获取不到其改变。
    2009-11-11
  • Javascript中prototype与__proto__的关系详解

    Javascript中prototype与__proto__的关系详解

    这篇文章主要给大家介绍了关于Javascript中prototype与__proto__的关系的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • 如何通过setTimeout理解JS运行机制详解

    如何通过setTimeout理解JS运行机制详解

    这篇文章主要给大家介绍了关于如何通过setTimeout理解JS运行机制的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 用js代码改变单选框选中状态的简单实例

    用js代码改变单选框选中状态的简单实例

    这篇文章主要介绍了js代码改变单选框选中状态的简单实例，有需要的朋友可以参考一下
    2013-12-12
  • Bootstrap表格和栅格分页实例详解

    Bootstrap表格和栅格分页实例详解

    这篇文章主要介绍了Bootstrap表格和栅格分页的相关资料,具有参考借鉴价值，特此分享到脚本之家平台供大家参考，需要的朋友可以参考下
    2016-05-05
  • JS获取当前时间的实例代码(昨天、今天、明天)

    JS获取当前时间的实例代码(昨天、今天、明天)

    这篇文章主要介绍了JS获取当前时间的实例代码(昨天、今天、明天) ,需要的朋友可以参考下
    2018-11-11

最新评论