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

我正在寻找一种方法来组合我制作的调色板：， 它生成了.css和.less

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

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

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

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

opacity: 0.5

现在受影响的是文本

---

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

当更改某个对象的不透明度使其更透明时，您将自动更改其颜色并使其看起来更亮。一种解决方法是在photoshop或类似的程序中选择颜色，更改图层的不透明度，然后调整颜色以获得所需的颜色。

是否尝试过使用rgba作为背景？是的，rgba适合设置不透明度，但它也会改变颜色。我认为唯一的css解决方案是将所需的颜色设置为rgba。