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

问题描述 投票:0回答:2

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

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

style = {backgroundColor: '#26EB5757'}

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

javascript colors hex transparency background-color
2个回答
0
投票

我想您可以使用转换器获取该十六进制的实际RGB表示形式。您可以尝试此one

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


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.