html - 在不影响颜色的情况下设置背景不透明度

Question

我正在寻找一种方法来组合我制作的调色板:this one ,生成 .css 和 .less

我想保留颜色，但我仍然需要一些元素的背景变得透明，所以我制作了一个 main.css 来添加透明度:

background-color: rgba(0, 0, 0, 0.5);

但现在的问题是它改变了生成的 .css/.less 中的颜色定义

所以我试着只设置不透明度

opacity: 0.5

现在受影响的是文本。

如何只设置背景的不透明度而不影响颜色和文本？

Answer 1

当更改某物的不透明度(使其更透明)时，您会自动更改它的颜色并使其看起来更亮。解决方法是在 photoshop 或类似工具中选择颜色，更改图层的不透明度，然后调整颜色以获得所需的颜色。