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

Add opacity to hex representation of color

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

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

style = {backgroundColor: '#26EB5757'}

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

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

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

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

#RRGGBBAA

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

你应该使用:

#EB575726 (for your 15% red)