rgba通道转rgb_JS实现颜色的10进制转化成rgba格式的方法

本文实例讲述了JS实现颜色的10进制转化成rgba格式的方法。分享给大家供大家参考，具体如下：

当我们在已知一个整数如(0~256x256x256x256 之间的颜色值)，想获得关于它的3原色加一个透明度时，即alpha, red, green, blue，可采用如下方法：

方法一：

function getColor(number) {

let color = number;

const blue = parseInt(color % 0x100, 10);

color = color >>> 8;

const green = parseInt(color % 0x100, 10);

color = color >>> 8;

const red = parseInt(color % 0x100, 10);

const alpha = (parseInt(color >>> 8, 10) / 0xFF).toFixed(1);

return `rgba(${red}, ${green}, ${blue}, ${alpha})`;

}

方法二：

function getColor(number) {

const alpha = number >> 24 & 0xff;

const red = number >> 16 & 0xff;

const green = number >> 8 & 0xff;

const blue = number & 0xff;

return `rgba(${red}, ${green}, ${blue}, ${alpha})`;

}

PS：这里再为大家推荐几款本站的相关在线工具：

希望本文所述对大家JavaScript程序设计有所帮助。

rgba通道转rgb_JS实现颜色的10进制转化成rgba格式的方法相关推荐

JavaScript 10进制转换为类似‘0x00d5’格式的16进制
var num = 444; var hex_num = num.toString(16); function str_pad(hex){var zero = '0000';var tmp = 4-h ...
10进制颜色转换成 16进制
设计用sketch给的10进制的颜色,比如255 255 255用的时候要转换一下 .写个工具类方便一下复制代码保存为 html文件就可以用了 <html> <head>&l ...
【图片】Python对RGB颜色与16进制颜色进行互转
RGB颜色被称为"真彩色",是Photoshop中默认使用的颜色,也是最常用的一种颜色模式.RGB模式的图像由3个颜色通道组成,分别为红色通道(Red).绿色通道(Green)和蓝 ...
RGB颜色与16进制色以及透明色
转载请标明出处:http://blog.csdn.net/liang5630/article/details/43483331 ,本文出自:[刘宏亮的博客] RGB颜色与16进制色以及透明色是我们在开 ...
java 十六进制转十进制_「16进制转10进制」Java:十六进制转换成十进制 - seo实验室...
16进制转10进制问题及代码: /* *问题描述从键盘输入一个不超过8位的正的十六进制数字符串,将它转换为正的十进制数后输出. 注:十六进制数中的10~15分别用大写的英文字母A.B.C.D.E. ...
RGB 颜色透明16进制表示
RGB 颜色透明16进制表示列如:白色全透明 #00FFFFFF,白色半透明 #1AFFFFFF 100% 00 99% 03 98% 05 97% 07 96% 0A 95% 0D 94% 0F ...
Android内部颜色转16进制颜色
我们在Avtivity中设置控件的背景色的时候,会发现setBackgroundColor()居然需要int格式的颜色,本来以为是10进制的颜色,后来实验发现,不是10进制的,因为它是有负数的,它的范 ...
利用10位AD转换器及 LED 数码管，实现由AD转换器采集温度,并用数码管显示。温度超出一定范围，LED 指示灯闪烁报警。（主要分析进制16进制转换10进制，并用数码管显示问题）
** 题目: ** 利用原有的电路 AD 及 LED 数码管显示等例子,进行整合.实现由 AD转换器采集温度(用可调电阻模拟),温度在数码管上显示.当温度超出一定范围,用 LED 指示灯进行闪烁报警. ...
java argb 转rgb_ARGB转RGB，RGB、ARGB转10进制数方法
AS3中ARGB.RGB相互转换,获取ARGB中的Alpha值等方法 package chen.color { /** * 颜色相关的工具包 * @authorragged * @qq28495027 ...
python 16进制转10进制, 8进制转10进制, 2进制转10进制的方法
python 16进制转10 进制, 8进制转10进制, 2进制转10进制可以使用系统自带的 int 方法具体如下: value = "0x1388" result = int ...

rgba通道转rgb_JS实现颜色的10进制转化成rgba格式的方法

rgba通道转rgb_JS实现颜色的10进制转化成rgba格式的方法相关推荐

最新文章

热门文章