spin

沿任一方向旋转颜色的色调角度。

虽然角度作用域是 0-360,但它应用了 mod 360 操作,因此你可以传入更大(或负)的值,它们将环绕,例如 360 度和 720 度的角度将产生相同的结果。 请注意,颜色是通过 RGB 转换传递的,它不会保留灰色的色调值(因为没有饱和度时色调没有意义),因此请确保以保留色调的方式应用函数,例如不要 做这个:

@c: saturate(spin(#aaaaaa, 10), 10%);

改为这样做:

@c: spin(saturate(#aaaaaa, 10%), 10);

颜色始终作为 RGB 值返回,因此将 spin 应用于灰度值将不会执行任何操作。

参数:

  • color: 颜色对象。
  • angle: 要旋转的度数(+ 或 -)。

返回: color

例子:

spin(hsl(10, 90%, 50%), 30)
spin(hsl(10, 90%, 50%), -30)

输出:

#f2a60d // hsl(40, 90%, 50%)
#f20d59 // hsl(340, 90%, 50%)

Color 1Color 2

Color 1Color 2