JS - 将十六进制的颜色值转成rgb、rgba格式
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格式相关推荐
- 十六进制颜色码转换成RGB颜色值
十六进制颜色码转换成RGB颜色值 相关知识点 0xFF 十六进制 如果转成二进制位:11111111 int值是32位,0的二进制: 00000000000000000000000000000000 ...
- 十六进制颜色码转换成RGB颜色值:
十六进制颜色码转换成RGB颜色值: 颜色码对照表 颜色 英文代码 形象描述 十六进制 RGB LightPink 浅粉红 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 2 ...
- 整数转成RGB颜色值
一个整数转成RGB颜色值,我们可以直接调用下面的方法即可.. var caolor=System.Drawing.Color.FromArgb(number); 一.对其方法进行说明,Color包括4 ...
- PS获取RGB和十六进制的颜色值
打开PS,新建一个大小合适的画布(必须,或者引入一张图片) 按下快捷键:I,或者单击工具箱面板中吸管图标,选择吸管工具 为了便于观察,双击工具箱面板上的前景色背景色图标,打开拾色器窗口 将PS窗口缩小 ...
- 十六进制常用颜色值,RGB颜色值
十六进制常用颜色值,RGB颜色值
- 利用Win10自带的计算器把十六进制,八进制转换成十进制
最近在需要设置某些软件的颜色时遇到一些十六进制的颜色值,如"#C7EDCC","63B78E"等,但是在有些软件中又没有可以直接输入十六进制的选项,只有&quo ...
- C将十六进制数字字符串转成数字
1.将十六进制数字字符串转成数字 long lTemp = strtol("0xa10b", NULL, 16); 这样的话,就将0xa10b这个十六制形式的字符串转为 ...
- 字符串对象转数组对象_js对象转数组的方法 js怎么将数组对象转变成字符串
只需要一句,arr.__proto__=[];但是要注意浏览器支持__proto__才行,最新的浏览器应该都支持. 以下两种都可以解决此问题: function transform(obj){ var ...
- 将十六进制的字符串转换成整数
#include "stdafx.h" #include<stdio.h> #include<string.h>/*将大写字母转换成小写字母*/ int t ...
最新文章
- 银行不能成为外国资本的“***”
- windows XP安装配置Perl Apache
- UNIX再学习 -- 线程
- SAP CRM呼叫中心toolbar的cancel按钮会导致session清理
- gitbash如何修改可恶的蓝色字体
- mac系统快捷键大全详细介绍
- 公共样式_设计干货 | 园路铺装的100种样式,保存收好
- Java编程学习并不难,有坚持的动力与良好的心态尤为重要
- 交叉学习验证 西瓜书_机器学习:数据划分与交叉验证
- View (五)自定义View的实现方法
- NSUserDefault的使用
- Matlab Tricks(四)—— remove DC
- MySQL的条件判断函数
- git学习笔记-(3-linux基本命令)
- linux磁盘分区详解
- CAS (4) —— CAS浏览器SSO访问顺序图详解(CAS Web Flow Diagram by Example)
- UIImagePickerController本地化控件文字
- itext 5.3.0实现对pdf文件添加(文字和图片)水印
- 天嵌E9开发板tftp烧录eMMC教程(Android)
- AppKey和AppSecret的关系
热门文章
- UI网页头部设计模板素材|这么多讲究,你知道吗?
- 实用素材|UI设计师需要的输入框和表单
- python的sort()和sorted()的区别_Python 3中sort()和sorted()的区别和用法,Python3
- springboot导入项目依赖报错_如何解决spring boot 项目导入依赖后代码报错问题
- socket编程简单Demo讲解及源码分享(C# Winform 内网)
- 后端数据库的初步设计
- oracle 新增字段id 并赋值32位_优雅的数据库ID设计
- vue 存储对象 不要监听_Vue源码解析----响应式原理
- python无效语法怎么解决_在Python的Django框架中调用方法和处理无效变量
- matlab sunlink工具箱,FreeBSD handbook Unix Basics