JS rgb,hex颜色值转换

无心使然云中漫步

于 2024-04-11 22:07:26 发布

阅读量328

点赞数 1

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_56624286/article/details/137655334

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

文章介绍了如何使用JavaScript实现RGB颜色值（如#ff0000）到十六进制颜色值（hex）的转换，以及反之的hex到rgb转换，通过`hex2Rgb`、`rgb2Hex`和`byte2Hex`函数来完成

摘要由CSDN通过智能技术生成

颜色值转化

rgb颜色值转换为hex颜色值（rgb=>hex）
hex颜色值转换为rgb颜色值（hex=>rgb）

代码：

const hex2Rgb = (hex) => {
  return `rgb(${parseInt(hex.slice(1, 3), 16)},${parseInt(hex.slice(3, 5), 16)},${parseInt(hex.slice(5, 7),16)})`;
};

const rgb2Hex = (r, g, b) => {
  return '#' + byte2Hex(r) + byte2Hex(g) + byte2Hex(b);
};

const byte2Hex = n => {
  var hexString = '0123456789ABCDEF';
  return String(hexString.substr((n >> 4) & 0x0f, 1)) + hexString.substr(n & 0x0f, 1);
};