美文网首页
颜色RGB与十六进制的转换

颜色RGB与十六进制的转换

作者: 哎呦呦胖子斌 | 来源:发表于2019-01-30 08:38 被阅读0次

RGB值转换为十六进制颜色值

方法一:

function rgbToHex(r, g, b) { return ((r << 16) | (g << 8) | b).toString(16); } 

方法二:

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);
}
function zero_fill_hex(num, digits) {
  var s = num.toString(16);
  while (s.length < digits)
    s = "0" + s;
  return s;
}

十六进制颜色值转换为RGB值

function hex2rgb(sColor){
    var sColorChange = [];
    for(var i = 1;i<7;i+=2){
        sColorChange.push(parseInt("0x"+sColor.substr(i,2)))
        //也可以用slice方法
        //sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)))
}
return "RGB+("+sColorChange.join(",")+")";
}

函数substr(I,length) 表示从第几个字符开始,截取length个字符,但在ECMAScript语言中并没有对此方法进行标准化,所以不建议使用。

相关文章

  • JS 颜色RGB与16进制转换核心

    JavaScript颜色转换的核心就是进制间的转换。RGB格式其实就是十进制表示法,所以,十六进制颜色与RGB颜色...

  • 颜色RGB与十六进制的转换

    RGB值转换为十六进制颜色值 方法一: 方法二: 十六进制颜色值转换为RGB值 函数substr(I,length...

  • 十六进制颜色色卡

    rgb与十六进制颜色转换可使用如下网址https://www.sioe.cn/yingyong/yanse-rgb...

  • JavaScript中颜色操作方法集合

    随机生成十六进制颜色 RGB 转十六进制 将 3 位颜色扩展为 6 位颜色 将 rgb()颜色字符串转换为具有每种...

  • 取色值相关宏

    iOS中,常用的获取RGB颜色值和十六进制颜色值转换方法的宏定义。#define RGB(r,g,b) ...

  • 开发中常用的工具

    1、图片压缩工具2、RGB颜色值与十六进制颜色码转换工具 3、Unicode编码转换4、Flex 布局教程:语法篇...

  • Js相关文章索引(1)

    工具资源 1.RGB颜色值与十六进制颜色码转换工具2.CodeForDream 环境部署 Maven国内源�设置 ...

  • 颜色字符串转换

    题目: 将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffff...

  • iOS 常用RGB十六进制颜色转换方法

    iOS 常用RGB十六进制颜色转换方法 需求 正常美术出图都是给你十六进制编码,然后让我们在Xcode中,对颜色进...

  • iOS开发-在线工具

    在线转模型工具 json在线格式化 之前使用的sojson,功能比这个强大 RGB颜色值与十六进制颜色码转换工具 ...

网友评论

      本文标题:颜色RGB与十六进制的转换

      本文链接:https://www.haomeiwen.com/subject/vurqsqtx.html