将RGBA颜色转换为HTML颜色代码

前端之家收集整理的这篇文章主要介绍了将RGBA颜色转换为HTML颜色代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的应用程序中有一个颜色选择器,用户可以使用它来选择应用程序输出的某些对象的颜色.颜色选择器输出以RGBA格式选择的颜色.但是,我需要 HTML颜色代码.我需要能够在不知道颜色的情况下将RGBA转换为HTML,并在以后将其用作字符串.我该怎么做呢?

解决方法

RGBA本身由 CSS3支持
div {
   background: rgba(200,54,0.5); 
}

Firefox,Safari,Chrome,IE9和Opera浏览器都支持RGBA.较旧的IE不支持它.

幸运的是,您可以为支持它的浏览器指定RGBA颜色,也可以为不支持它的浏览器指定替代颜色.查看link以获得精彩的指导.

这些是两个选项: – 从链接

1.回到固定颜色:当不透明度不可用时,允许浏览器回退使用纯色.该

h1 {
     color: rgb(127,127,127); 
     color: rgba(0,0.5); //for modern browsers only
}

2.回到PNG:如果你在背景颜色上使用透明度(虽然不在边框或文本上),可以回退到使用带有alpha通道的PNG来获得相同的效果.这不如使用CSS那么灵活,因为您需要为每个透明度级别创建一个新的PNG,但它可以是一个有用的解决方案.

h1 {
     background: transparent url(imageName.png);
     background: rgba(0,0.5) none; //for modern browsers only
}

我想说的是你不需要HTML颜色代码,你需要添加css属性rgba – 使用javascript或jquery – 在你拿起颜色后我想你已经完成了.

希望能帮助到你.

原文链接:https://www.f2er.com/css/215340.html

猜你在找的CSS相关文章