Lesscss：为什么旋转（＃000,180）正在返回＃000？

Question

我需要知道如何通过lesscss获得反色。

示例：我有＃000，我需要#FFF。

我需要spin（）的详细解释。和必要的链接，我可以看到一个色轮，我可以理解spin（）如何工作。

感谢。

Answer 1

spin函数会更改颜色的Hue属性。灰色阴影（包括白色和黑色）是无彩色（即它们具有相同的“未定义”色调值）。 要简单地反转颜色，请使用difference功能：

difference(white, @colour)

或简单的颜色arithmetic：

(#fff - @colour)

Answer 2

为什么它没有按预期工作

spin()功能仅处理色调（颜色）， 不 值（灰色）规模变化是价值变化）。请查看北卡罗来纳州立大学网站的Figures 9 and 10 on this page。这些数字有助于显示差异。 spin()函数仅在颜色的色调圆的二维空间中旋转，而不是沿轴处理饱和度的第三维空间的轴;即灰度本身，这是白色与黑色的区别，两者都没有颜色饱和度。）

这就是spin()的{​​{3}}（强调添加）：

  

请注意，颜色是通过RGB转换传递的，而不是   保留灰色的色调值（因为当有色调时，色调没有意义   没有饱和度）

和

  

颜色总是作为RGB值返回，因此将旋转应用于灰色   价值将无济于事。

得到你想要的东西（颜色反转）

请参阅@ seven-phases-max的答案。