JS - 将十六进制的颜色值转成rgb、rgba格式

/**hex -> rgb* @param {Object} hex*/
export function hexToRgb(hex) {return 'rgb(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5))+ ',' + parseInt('0x' + hex.slice(5, 7)) + ')';
}/**hex -> rgba* @param {Object} hex* @param {Object} opacity*/
export function hexToRgba(hex, opacity) {return 'rgba(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5)) + ','+ parseInt('0x' + hex.slice(5, 7)) + ',' + opacity + ')';
}

打印输入

var sHex = '#fffff';
console.log('十六进制格式:', sHex);
console.log('RGB格式:', hexToRgb(sHex));
console.log('RGBA格式:', hexToRgba(sHex, 0.5));

JS - 将十六进制的颜色值转成rgb、rgba格式相关推荐

  1. 十六进制颜色码转换成RGB颜色值

    十六进制颜色码转换成RGB颜色值 相关知识点 0xFF 十六进制 如果转成二进制位:11111111 int值是32位,0的二进制: 00000000000000000000000000000000 ...

  2. 十六进制颜色码转换成RGB颜色值:

    十六进制颜色码转换成RGB颜色值:   颜色码对照表 颜色 英文代码 形象描述 十六进制 RGB LightPink 浅粉红 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 2 ...

  3. 整数转成RGB颜色值

    一个整数转成RGB颜色值,我们可以直接调用下面的方法即可.. var caolor=System.Drawing.Color.FromArgb(number); 一.对其方法进行说明,Color包括4 ...

  4. PS获取RGB和十六进制的颜色值

    打开PS,新建一个大小合适的画布(必须,或者引入一张图片) 按下快捷键:I,或者单击工具箱面板中吸管图标,选择吸管工具 为了便于观察,双击工具箱面板上的前景色背景色图标,打开拾色器窗口 将PS窗口缩小 ...

  5. 十六进制常用颜色值,RGB颜色值

    十六进制常用颜色值,RGB颜色值

  6. 利用Win10自带的计算器把十六进制,八进制转换成十进制

    最近在需要设置某些软件的颜色时遇到一些十六进制的颜色值,如"#C7EDCC","63B78E"等,但是在有些软件中又没有可以直接输入十六进制的选项,只有&quo ...

  7. C将十六进制数字字符串转成数字

    1.将十六进制数字字符串转成数字 long   lTemp   =   strtol("0xa10b", NULL, 16); 这样的话,就将0xa10b这个十六制形式的字符串转为 ...

  8. 字符串对象转数组对象_js对象转数组的方法 js怎么将数组对象转变成字符串

    只需要一句,arr.__proto__=[];但是要注意浏览器支持__proto__才行,最新的浏览器应该都支持. 以下两种都可以解决此问题: function transform(obj){ var ...

  9. 将十六进制的字符串转换成整数

    #include "stdafx.h" #include<stdio.h> #include<string.h>/*将大写字母转换成小写字母*/ int t ...

最新文章

  1. 银行不能成为外国资本的“***”
  2. windows XP安装配置Perl Apache
  3. UNIX再学习 -- 线程
  4. SAP CRM呼叫中心toolbar的cancel按钮会导致session清理
  5. gitbash如何修改可恶的蓝色字体
  6. mac系统快捷键大全详细介绍
  7. 公共样式_设计干货 | 园路铺装的100种样式,保存收好
  8. Java编程学习并不难,有坚持的动力与良好的心态尤为重要
  9. 交叉学习验证 西瓜书_机器学习:数据划分与交叉验证
  10. View (五)自定义View的实现方法
  11. NSUserDefault的使用
  12. Matlab Tricks(四)—— remove DC
  13. MySQL的条件判断函数
  14. git学习笔记-(3-linux基本命令)
  15. linux磁盘分区详解
  16. CAS (4) —— CAS浏览器SSO访问顺序图详解(CAS Web Flow Diagram by Example)
  17. UIImagePickerController本地化控件文字
  18. itext 5.3.0实现对pdf文件添加(文字和图片)水印
  19. 天嵌E9开发板tftp烧录eMMC教程(Android)
  20. AppKey和AppSecret的关系

热门文章

  1. UI网页头部设计模板素材|这么多讲究,你知道吗?
  2. 实用素材|UI设计师需要的输入框和表单
  3. python的sort()和sorted()的区别_Python 3中sort()和sorted()的区别和用法,Python3
  4. springboot导入项目依赖报错_如何解决spring boot 项目导入依赖后代码报错问题
  5. socket编程简单Demo讲解及源码分享(C# Winform 内网)
  6. 后端数据库的初步设计
  7. oracle 新增字段id 并赋值32位_优雅的数据库ID设计
  8. vue 存储对象 不要监听_Vue源码解析----响应式原理
  9. python无效语法怎么解决_在Python的Django框架中调用方法和处理无效变量
  10. matlab sunlink工具箱,FreeBSD handbook Unix Basics