为颜色的十六进制表示添加不透明度
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)
我有一个颜色代码,例如#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)