项目需要用到透明度,但UI给我的都是颜色,没有给关于透明度的色系,无奈之下,自己写了一个转换,希望对你有用

代码如下:

function RGB2RGBA(rgb_color,alp){//注:rgb_color的格式为#FFFFFFF,alp为透明度var r = parseInt("0x" + rgb_color.substr(1,2));var g = parseInt("0x" + rgb_color.substr(3,2));var b = parseInt("0x" + rgb_color.substr(5,2));var a = alp;return "rgba(" + r + "," + g + "," + b + "," + a + ")";
}function RGBA2RGB(rgba_color){//注:rgba_color的格式为rgba(0,0,0,0.1)var BGcolur = 1;var arr = rgba_color.split("(")[1].split(")")[0].split(",");var a = arr[3];var r = BGcolur * (1 - a) + arr[0] * a;var g = BGcolur * (1 - a) + arr[1] * a;var b = BGcolur * (1 - a) + arr[2] * a;return "rgb(" + r + "," + g + "," + b +")";
}

【RGB和RGBA之间的转换】也许对你有用相关推荐

  1. RGB和RGBA之间的转换 (实用、赞)

    原文出处:https://blog.csdn.net/hai2653068/article/details/91883082 /*** rgb转rgba* @param color* @param a ...

  2. 在C++Builder中可以利用FireMonkey的函数实现RGB与HSL之间的转换

    RGB转换为HSL的算法一般需要自己编写,但是在C++Builder中可以利用FireMonkey的函数实现RGB与HSL之间的转换. 下面是利用FireMonkey的RGBtoHSL和HSLtoRG ...

  3. FFMPEG 实现 YUV,RGB各种图像原始数据之间的转换(swscale)

    FFMPEG中的swscale提供了视频原始数据(YUV420,YUV422,YUV444,RGB24...)之间的转换,分辨率变换等操作,使用起来十分方便,在这里记录一下它的用法. swscale主 ...

  4. android FFMPEG 实现 YUV,RGB各种图像原始数据之间的转换(swscale)

    FFMPEG中的swscale提供了视频原始数据(YUV420,YUV422,YUV444,RGB24-)之间的转换,分辨率变换等操作,使用起来十分方便,在这里记录一下它的用法. swscale主要用 ...

  5. (转)FFMPEG 实现 YUV,RGB各种图像原始数据之间的转换(swscale)

    雷霄骅分类专栏: FFMPEG FFmpeg 本文链接:https://blog.csdn.net/leixiaohua1020/article/details/14215391 FFMPEG中的sw ...

  6. ffmpeg 保存图片 将rgb数据_FFMPEG 实现 YUV,RGB各种图像原始数据之间的转换(swscale)...

    FFMPEG中的swscale提供了视频原始数据(YUV420,YUV422,YUV444,RGB24...)之间的转换,分辨率变换等操作,使用起来十分方便,在这里记录一下它的用法. swscale主 ...

  7. 微信小程序:更改字体(text)和图标(icon)的颜色以及RGB颜色值与十六进制颜色码之间的转换

    摘要: 有时为了让页面小程序页面显示的字体和图标(icon)和顶部导航栏和底部导航栏的颜色相匹配,就需要设置为相同的颜色. 表示颜色的方法 在微信小程序中,用来表示颜色的方法有3种:关键字.RGB.十 ...

  8. RGB与HSB之间转换

    先来了解一些概念: 1.RGB是一种加色模型,就是将不同比例的Red/Green/Blue混合在一起得到新颜色.通常RGB颜色模型表示为: 2.HSB(HSV) 通过色相/饱和度/亮度三要素来表达颜色 ...

  9. 白色用rgba怎么设置html,转换RGB到RGBA的白色

    Mark Kahn提出了一个问题:Convert RGB to RGBA over white,或许与您遇到的问题类似. 回答者Guffa给出了该问题的处理方式: Take the lowest co ...

最新文章

  1. 翻译的艺术 —— 无能为力的翻译,搞笑的音译
  2. 区块链 软分叉和硬分叉 简介
  3. 汇编: 更灵活的定位内存地址的方法
  4. hadoop配置文件默认配置
  5. [C++调试笔记]网格划分grid_pic.cpp
  6. 2.2 PostgreSQL 概念
  7. linux系统怎么安装pr,Linux安装后的配置
  8. java与python多态的区别_如果未调用父构造函数(与Java不同),多态性在Python中如何工作? - java...
  9. 今天的作业 --- 去重
  10. Java Excel合并工具 v1.0
  11. 【学习】DataFrameSeries类【pandas】
  12. 有凤来仪的意思是什么?成语有凤来仪比喻什么?
  13. 《基于PAM4调制的50Gbit_s_BIDI光模块设计_陈春山》论文错别字
  14. 基于Elasticsearch 实现站内全文搜索
  15. linux测试上下行最大网速和实时网速
  16. Redis(五)深入了解Redis核心设计原理 SDS类型(String)redis如何扩容 五种结构底层数据结构 结构变换条件 如何配置条件 GEO使用 ACL
  17. Linux之创建、删除文件及目录命令touch、echo、mkdir、rm、rmdir
  18. pyecharts制作地图显示的数据总是经纬度
  19. SPI DMA发送接收数据
  20. elasticsearch-starter

热门文章

  1. 新浪博客关闭了吗,不能写博文了,提示:系统繁忙,请稍后再试
  2. ui设计移动端字体适配_移动端字体ui设计 移动端界面设计规范
  3. J - 【黄色】这题真的是模板题 (Gym - 102072J )(spfa)
  4. 前端防错以及好用小tips指南总结
  5. 简单同步firefox书签和IE收藏夹
  6. SHELL : echo字体控制
  7. 暴力破解和验证码安全
  8. 04.奇特的一生(笔记)
  9. 6.Spring security中的rememberMe
  10. 第11章 只读光盘存储器