脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • GoJs面板绘图模板go.Panel使用示例详解

    GoJs面板绘图模板go.Panel使用示例详解

    这篇文章主要为大家介绍了GoJs面板绘图模板go.Panel使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-04-04
  • 一个特帅的展示图片的js+css

    一个特帅的展示图片的js+css

    一个特帅的展示图片的js+css...
    2006-08-08
  • wap图片滚动特效无css3元素纯js脚本编写

    wap图片滚动特效无css3元素纯js脚本编写

    手机图片滑动切换，网上有很多这样的例子，但都借助于其他组件，让代码混乱的不行，本例介绍的是无css3元素纯js脚本编写的wap图片滚动特效
    2014-08-08
  • JavaScript正则函数中test和match的区别解析

    JavaScript正则函数中test和match的区别解析

    在javascript中，用于检测一个字符串是否匹配某个模式用的比较多的就是test和match方法。，这篇文章主要介绍了js正则函数中test和match的区别,需要的朋友可以参考下
    2022-11-11
  • 微信小程序使用video组件播放视频功能示例【附源码下载】

    微信小程序使用video组件播放视频功能示例【附源码下载】

    这篇文章主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,并附带源码供读者下载参考,需要的朋友可以参考下
    2017-12-12
  • Ionic快速安装教程

    Ionic快速安装教程

    Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。接下来小编给大家介绍如何安装 Ionic 在自己的电脑上搭建一个简单的小应用，感兴趣的朋友一起看看吧
    2016-06-06
  • js事件监听机制(事件捕获)总结

    js事件监听机制(事件捕获)总结

    添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同
    2014-08-08
  • 详解用js代码触发dom事件的实现方案

    详解用js代码触发dom事件的实现方案

    这篇文章主要介绍了详解用js代码触发dom事件的实现方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • javascript禁止超链接跳转的方法

    javascript禁止超链接跳转的方法

    这篇文章主要介绍了javascript禁止超链接跳转的方法,结合实例分析了JavaScript事件机制与鼠标事件的响应操作技巧,需要的朋友可以参考下
    2016-02-02
  • JavaScript作用域链示例分享

    JavaScript作用域链示例分享

    作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。
    2014-05-05

最新评论