【问题标题】:HEX color to equivalent RGBa, allowing for transparency十六进制颜色到等效的 RGBa,允许透明度
【发布时间】:2013-10-01 20:32:18
【问题描述】:

对于给定的十六进制颜色代码,如何将其转换为 a=0.97 且渲染颜色与初始十六进制颜色相同的rbga 颜色代码?

换句话说,如果我有#ccc,我需要一个等效的rgba,它仍然呈现与#ccc 相同的颜色,但具有透明度。

【问题讨论】:

  • 半透明元素的感知颜色取决于它的顶部:颜色、多种颜色、图像等。如果其下方元素的背景颜色是恒定的,see here

标签: css hex rgba


【解决方案1】:

要转换为 rgba,您必须这样做:

1- 将您的十六进制颜色代码分成 3 个部分

cccccc => cc(r)|cc(g)|cc(b)

2- 对于每个部分,使用 parseInt 将其转换为 int

r = parseInt("cc", 16)
g = parseInt("cc", 16)
b = parseInt("cc", 16)

3- 将所需的 alpha 值添加到最终的 rgba 代码中

【讨论】:

    猜你喜欢
    • 2013-03-28
    • 2014-09-22
    • 2021-10-06
    • 2020-08-12
    • 2010-12-17
    • 2014-05-29
    • 2014-06-12
    • 2019-10-01
    相关资源
    最近更新 更多