在CSS中指定颜色色调:RGB与RGBA

时间:2015-04-10 10:01:42

标签: css rgba

我需要为黑白颜色指定多种变体。我已经给出了变体作为纯色的百分比。

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

我问的原因是因为某些变体具有非常低的不透明度并且自然会采用背景色调,而不是真正的灰色。

1 个答案:

答案 0 :(得分:3)

如果您的背景颜色不是白色,那么正如您所说,背景颜色将显示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)?'

enter image description here