JS实现颜色的10进制转化成rgba格式的方法
本文实例讲述了JS实现颜色的10进制转化成rgba格式的方法。分享给大家供大家参考,具体如下:
当我们在已知一个整数如(0~256x256x256x256之间的颜色值),想获得关于它的3原色加一个透明度时,即alpha,red,green,blue,可采用如下方法:
方法一:
functiongetColor(number){ letcolor=number; constblue=parseInt(color%0x100,10); color=color>>>8; constgreen=parseInt(color%0x100,10); color=color>>>8; constred=parseInt(color%0x100,10); constalpha=(parseInt(color>>>8,10)/0xFF).toFixed(1); return`rgba(${red},${green},${blue},${alpha})`; }
方法二:
functiongetColor(number){ constalpha=number>>24&0xff; constred=number>>16&0xff; constgreen=number>>8&0xff; constblue=number&0xff; return`rgba(${red},${green},${blue},${alpha})`; }
PS:这里再为大家推荐几款本站的相关在线工具:
在线RGB、HEX颜色代码生成器:
http://tools.jb51.net/color/rgb_color_generator
RGB颜色查询对照表_颜色代码表_颜色的英文名称大全:
http://tools.jb51.net/color/jPicker
在线网页调色板工具:
http://tools.jb51.net/color/color_picker
在线颜色选择器工具/RGB颜色查询对照表:
http://tools.jb51.net/color/colorpicker
更多关于JavaScript相关内容可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。