为颜色的十六进制表示添加不透明度答案

【问题标题】：Add opacity to hex representation of color为颜色的十六进制表示添加不透明度
【发布时间】：2020-08-12 05:14:36
【问题描述】：

我有一个颜色代码，例如#EB5757，它是一种红色。我想为它添加不透明度0.15 或 15%。在查看this question 后，我在接受的答案中看到，对于 15%，必须在开头添加 26。

所以我做到了：#26EB5757 但现在结果颜色不是不透明的红色而是绿色。如果此信息有用，我将在 Javascript/React 中使用它。

style = {backgroundColor: '#26EB5757'}

关于如何将原始红色设置为不透明的任何想法？

【问题讨论】：

【解决方案1】：

CSS 中的 8 位十六进制颜色表示法具有以下格式：

#RRGGBBAA

RR - red
GG - green
BB - blue
AA - alpha

你应该使用：

#EB575726 (for your 15% red)

【讨论】：

【解决方案2】：

我猜您可以使用转换器来获得该 HEX 的实际 RGB 表示。你可以试试这个one

然后您可以简单地将不透明度添加到rgba 中，就像这样使用backgroundColor: rgba(235,87,87, 0.15)

【讨论】：