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

【问题标题】：Is it possible to convert rgba color to hex using LESS是否可以使用 LESS 将 rgba 颜色转换为十六进制
【发布时间】：2015-04-17 03:57:00
【问题描述】：

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

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

我已经阅读了color function 的文章，但没有找到合适的答案。

【问题讨论】：

你为什么要这样做？ #好奇
我认为那是因为十六进制是最快的。 :)
你怎么能用十六进制格式转置透明度信息？
十六进制的任何颜色都不会是透明的
@FabrizioCalderan stackoverflow.com/questions/15852122/hex-transparency-in-colors 对此的支持有些有限。

标签： css less

【解决方案1】：

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

multiply(white, rgba(96, 96, 96, .1))

【讨论】：

你完全正确！很好用，非常感谢！