主页 > 前端 > javascript >
来源:自学PHP网 时间:2017-09-05 17:35 作者: 阅读:次
[导读] 这篇文章主要介绍了JS实现颜色的10进制转化成rgba格式的方法,涉及javascript针对颜色数值转换的相关运算操作技巧,需要的朋友可以参考下...
本文实例讲述了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:这里再为大家推荐几款本站的相关在线工具: 在线RGB、HEX颜色代码生成器: RGB颜色查询对照表_颜色代码表_颜色的英文名称大全: 在线网页调色板工具: 在线颜色选择器工具/RGB颜色查询对照表: 更多关于JavaScript相关内容可查看本站专题:、、、、、 希望本文所述对大家JavaScript程序设计有所帮助。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com