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

Question

我的应用程序中有一个颜色选择器，用户可以使用它来选择应用程序输出的某些对象的颜色。颜色选择器正在输出以 RGBA 格式选择的颜色。但是，我需要 HTML 颜色代码。我需要能够在事先不知道颜色的情况下将 RGBA 转换为 HTML 并在以后将其用作字符串。我该怎么做呢？

Answer 1

CSS3 原生支持 RGBA :

div {
   background: rgba(200, 54, 54, 0.5); 
}

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

幸运的是，您可以为支持它的浏览器指定 RGBA 颜色，并为不支持它的浏览器指定替代颜色。检查这个link一个伟大的方法。

这是两个选项:- 来自链接 -

<强>1。回退到纯色: 当不透明度不可用时，允许浏览器回退到使用纯色。

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

<强>2。回退到 PNG:如果您在背景颜色上使用透明度(尽管不是在边框或文本上)，则可以回退到使用带有 alpha channel 的 PNG 以获得相同的效果。这不如使用 CSS 灵活，因为您需要为所需的每个透明度级别创建一个新的 PNG，但它可能是一个有用的解决方案。

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

我想说的是你不需要 HTML 颜色代码，你只需要添加 css 属性 rgba - 使用 javascript 或 jquery - 在你选择颜色之后我认为你完成了。

希望对您有所帮助。