js:rgb颜色表示转hex颜色表示

简介: js:rgb颜色表示转hex颜色表示

代码实现

/**
 * rgb颜色表示转hex颜色表示
 * @param {number} r red
 * @param {number} g green
 * @param {number} b blue
 * @returns {string}
 */
function rgbToHex(r, g, b) {
  return (
    "#" +
    [r, g, b]
      .map((x) => {
        const hex = x.toString(16);
        return hex.length === 1 ? "0" + hex : hex;
      })
      .join("")
  );
}

测试

console.log(rgbToHex(102, 51, 153));
// #663399

参考

https://lokeshdhakar.com/projects/color-thief/


相关文章
|
8天前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
|
8天前
|
前端开发
编程笔记 html5&css&js 018 HTML颜色
编程笔记 html5&css&js 018 HTML颜色
|
8月前
|
JavaScript
jQuery jquery.color.js 背景颜色支持动画
jQuery jquery.color.js 背景颜色支持动画
75 0
|
6月前
|
JavaScript 小程序
小程序通过js控制页面字体颜色属性
小程序通过js控制页面字体颜色属性
54 0
|
7月前
|
JavaScript 前端开发
JavaScript时间戳获取及时间戳判断(同时设置不同的颜色。已开始的事件显示绿色,未开始的事件显示黑色,过去的事件显示灰色)
JavaScript时间戳获取及时间戳判断(同时设置不同的颜色。已开始的事件显示绿色,未开始的事件显示黑色,过去的事件显示灰色)
53 0
|
7月前
|
JavaScript 前端开发
随机色 | JavaScript获取随机颜色
JavaScript 随机颜色有很多方法,在项目中使用如下方法,方法选自网络,并结合实际更改
107 0
|
10月前
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
432 0
|
10月前
|
JavaScript
JS数据根据键值匹配Echarts颜色的解决方案
JS数据根据键值匹配Echarts颜色的解决方案
50 0
|
10月前
|
JavaScript
js字符串拼接的数据三元表达式输出颜色
js字符串拼接的数据三元表达式输出颜色
37 0
|
10月前
|
Web App开发 JavaScript 前端开发
JavaScript(控制台颜色)
JavaScript(控制台颜色)