在 CSS 中指定颜色：RGB 与 RGBA [关闭]

【问题标题】：Specifying colour tints in CSS: RGB vs RGBA [closed]在 CSS 中指定颜色：RGB 与 RGBA [关闭]
【发布时间】：2015-06-16 00:06:21
【问题描述】：

我需要为黑白颜色指定一些变体。我已经获得了纯色百分比的变体。

作为一个非设计师，我的问题是，我应该简单地将它们指定为 RGBA，还是应该使用像 photoshop 这样的东西来获取实际的 #hex RGB 值并使用它。

我问的原因是因为某些变体的不透明度非常低，并且会自然呈现背景色调，而不是真正的纯灰色。

【问题讨论】：

标签： css rgba

【解决方案1】：

如果您的背景颜色不是白色，那么正如您所说，背景颜色将通过您的 RGBA 颜色部分透明的位置显示出来。为避免这种情况，您需要使用完全不透明的颜色 - 因此您需要计算 rgb 等价物。

对于“黑白变体”（即灰色阴影），这很容易，因为灰色阴影具有相等的 R、G 和 B 值：

100% grey (ie black) = (0, 0, 0) = #000000
50% grey = (128,128,128) = #808080
0% grey (white) = (255,255,255) = #FFFFFF

更多示例请参见here。

编辑：

如果您需要灰色以外的颜色（从您的问题中不完全清楚），这是一个类似的过程（当您接近白色时将您的 R、G 和 B 值缩放到 255），这在对 a 的答案中有所描述上一个问题：'Given an RGB value, how do I create a tint (or shade)?'

【讨论】：