是否可以使用LESS将rgba颜色转换为十六进制

时间:2015-04-16 14:15:34

标签: css less

我有一个透明背景颜色的元素(<div>):rgba(96, 96, 96, .1)我假设我的元素有一个白色背景的包装。

有没有办法使用LESS css将透明色转换为十六进制?例如,rgba(96, 96, 96, .1)应该等于#efefef

我已阅读color function文章,但未找到合适的答案。

1 个答案:

答案 0 :(得分:2)

如果我正确理解了这个问题,那么你正在寻找一种函数来计算一种颜色(例如rgba(96, 96, 96, .1))与另一种颜色(例如white)的合成/分层结果(例如normal)。在Less中,它应该是blending functions family之一,但由于当前命名约定中此类函数的名称必须为white(这相当奇怪),因此不包括此函数。但如果其中一种颜色始终为multiply,您仍然可以通过multiply(white, rgba(96, 96, 96, .1)) 获得所需的结果:

{{1}}