如何在CSS中设置一个百分比的颜色？

Question

我有一些GUI指南，其中指定了这些颜色：

text-color: #000 87%
background-color of the container: #000 20%

如何在CSS中应用这些要求？

我看过这篇文章： https://stackoverflow.com/a/12021283

但它并没有帮助我。

提前致谢！

Answer 1

使用RBGA：

  

text-color：＃000 87％

会转换为：

  

颜色：RGBA（0,0,0，.87）

这是假设他们要求不透明度的百分比。

另一方面，如果他们要求色彩，那就更难处理了。与黑色不同（因为它转化为不同的灰色阴影），但大多数情况下不可能使用颜色，因为它取决于您使用哪种颜色模型来计算色调值。因此，如果他们 要求完全不透明的色调，请告诉谁，他们需要为这些颜色指定精确的RGB或Hex值。

Answer 2

您需要先使用下面的工具将十六进制代码转换为rgb ...

hex to rgb

然后在css中使用此代码：rgba（r，g，b，透明值）;

黑色示例：rgba（0,0,0,87）;