用CSS代表LED颜色

时间:2015-04-04 17:14:54

标签: css colors

我试图用CSS表示LED上显示的颜色。显然,使用RGBa很容易使用背景属性,但显然黑色不能用LED表示。

让我们用红色作为例子:

对于LED,在全亮度下,LED将显示红色。然而,当值从255减小到0时,它类似于透明度降低。

因此RGB(0, 0, 0)的表示应该是透明的背景,而不是黑色。但是,我不完全确定如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

为什么不使用rgba然后减少alpha分量?

获得全亮度

background-color: rgba(255,0,0,1);

关闭时

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

alpha可以在01

之间变化

答案 1 :(得分:0)

我认为你在谈论模拟一个内部有红色,绿色和蓝色组件的LED,并且你不能用alpha控制所有3个,因为3个颜色组件只有一个alpha通道。

幸运的是,您可以模拟正确的行为。

让我们说背景颜色的红色成分是0.2。这意味着对于LED红色组件,您必须将其0-1值映射到0-0.8并将其添加到背景颜色的0.2。当红色组件关闭时,红色将为0.2,当红色组件完全打开时,红色将为1.0。

对绿色和蓝色重复此操作,您将获得生成的RGB颜色,而不需要使用alpha。