是否可以使用 LESS 将 rgba 颜色转换为十六进制
Is it possible to convert rgba color to hex using LESS
我有一个具有透明背景颜色的元素 (<div>
):rgba(96, 96, 96, .1)
我假设我的元素有一个白色背景的包装器。
有没有办法使用 LESS css 将透明色转换为十六进制?例如,rgba(96, 96, 96, .1)
应等于 #efefef
。
我已阅读 color function 文章,但未找到合适的答案。
如果我对问题的理解正确,那么您正在寻找一个函数来计算一种颜色的 compositing/layering(例如 rgba(96, 96, 96, .1)
)with/over 另一种颜色(例如 white
]).在 Less 中,它应该是 blending functions family 之一,但由于当前命名约定中此类函数的名称必须是 normal
(这很奇怪),因此不包括该函数。但是如果其中一种颜色总是 white
你仍然可以通过 multiply
:
得到想要的结果
multiply(white, rgba(96, 96, 96, .1))
我有一个具有透明背景颜色的元素 (<div>
):rgba(96, 96, 96, .1)
我假设我的元素有一个白色背景的包装器。
有没有办法使用 LESS css 将透明色转换为十六进制?例如,rgba(96, 96, 96, .1)
应等于 #efefef
。
我已阅读 color function 文章,但未找到合适的答案。
如果我对问题的理解正确,那么您正在寻找一个函数来计算一种颜色的 compositing/layering(例如 rgba(96, 96, 96, .1)
)with/over 另一种颜色(例如 white
]).在 Less 中,它应该是 blending functions family 之一,但由于当前命名约定中此类函数的名称必须是 normal
(这很奇怪),因此不包括该函数。但是如果其中一种颜色总是 white
你仍然可以通过 multiply
:
multiply(white, rgba(96, 96, 96, .1))