SASS中补数和反转之间的差异？

Question

我正在浏览 SASS 文档并发现ViewEncapsulation.Native和complement具有相同的输出，你能告诉我这两者之间有什么区别吗？

invert

Answer 1

出于某种原因，complement / invert的许多在线示例使用颜色值，导致两个函数的输出相同。

虽然许多颜色值的complement / invert是相同的，但也有许多值会导致不同的颜色。

示例：

$color: #ff6699;

complement($color)    = #66ffcc;
invert($color)        = #009966;

重新说出Sass文档：

<强>补

返回HSL色轮上180度相反的颜色。

计算颜色的补码：

1. 将颜色值转换为RGB

   #ff6699 = RGB 255, 102, 153

2. 添加最高和最低RGB值

   255 + 102 = 357

3. 从步骤＃2中的数字中减去每个原始RGB值

   (357-255) (357-102) (357-153)
 102 255 204

4. 这相当于#66ffcc

反转

返回颜色的反转红色，绿色和蓝色值。

计算颜色的反转：

1. 将颜色值转换为RGB

   #ff6699 = RGB 255, 102, 153

2. 通过从255

   中减去原始RGB值来翻转值

   (255-255) (255-102) (255-153)
0 153 102

3. 这相当于#009966