javascript实现rgb颜色转换成16进制格式

 更新时间:2015年07月10日 11:59:04   投稿:hebedich  
本文给大家分享的是使用javascript实现rgb颜色转换成16进制格式的方法和示例代码,有需要的小伙伴可以参考下。

自己试过很好用

function zero_fill_hex(num, digits) {
 var s = num.toString(16);
 while (s.length < digits)
  s = "0" + s;
 return s;
}
function rgb2hex(rgb) {

 if (rgb.charAt(0) == '#')
  return rgb;
 
 var ds = rgb.split(/\D+/);
 var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]);
 return "#" + zero_fill_hex(decimal, 6);
}

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • 原生js实现图片放大缩小计时器效果

    原生js实现图片放大缩小计时器效果

    本文主要介绍了原生js实现图片放大缩小计时器效果的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • 详解基于Wepy开发小程序插件(推荐)

    详解基于Wepy开发小程序插件(推荐)

    这篇文章主要介绍了详解基于Wepy开发小程序插件(推荐),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-08-08
  • 详解Javascript数据类型的转换规则

    详解Javascript数据类型的转换规则

    本文主要介绍了Javascript的基本数据类型和数据类型的转换规则。具有很好的参考价值,需要的朋友可以看下
    2016-12-12
  • 基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询

    基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查

    这篇文章主要介绍了基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 浅析JavaScript中的事件委托机制跟深浅拷贝

    浅析JavaScript中的事件委托机制跟深浅拷贝

    这篇文章主要介绍了JavaScript中的事件委托机制跟深浅拷贝,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • js捕获鼠标滚轮事件代码

    js捕获鼠标滚轮事件代码

    本文为大家介绍下如何使用js捕获鼠标滚轮事件,原理很简单,感兴趣的朋友可以参考下
    2013-12-12
  • 判断数组是否包含某个元素的js函数实现方法

    判断数组是否包含某个元素的js函数实现方法

    下面小编就为大家带来一篇判断数组是否包含某个元素的js函数实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • ES6学习教程之块级作用域详解

    ES6学习教程之块级作用域详解

    很多语言中都有块级作用域,但JS没有,它使用var声明变量,以function来划分作用域,大括号“{}” 却限定不了var的作用域,下面这篇文章主要给大家介绍了关于ES6学习教程之块级作用域的相关资料,需要的朋友可以参考下。
    2017-10-10
  • layUI的验证码功能及校验实例

    layUI的验证码功能及校验实例

    今天小编就为大家分享一篇layUI的验证码功能及校验实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • js 可选链操作符的使用

    js 可选链操作符的使用

    可选链操作符(?.)允许读取位于链接对象链身处的属性的值,本文就详细的介绍一下,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论