adjust-hue 这个函数可以调整颜色的 hue，也就是色相的值 ... 这里定义了两个变量 ... $base-color，还有 $base-color-hsl ... 它们的值其实是一种颜色，只不过用了不同的方式表示出来，一个是用十六进制的形式，另一个用的是 hsl 的形式 ... 点击颜色的值，在 atom 编辑器里，按下快捷键 shfit + command + c .. . Windows 上应该是 shift + ctrl + c ，可以打开颜色选择工具 ..

同样，也可以查看用 hsl 表示的颜色 ... 下面，我们用 adjust-hue 这个函数调整一下这个颜色 ... 在这个 body 选择器里面，背景颜色的值，可以设置成这个调整之后的值 ... 输入 adjust-hue ... adjust 就是调整的意思 ..

这个函数有两个参数 ... 第一个参数是要调整的颜色 ... 第二个参数是要调整的度数 ... 要调整的颜色，我们先用 $base-color-hsl 这个变量来表示 ... 用一个逗号 ... 再设置一下要调整的度数 ... 输入 137deg ，注意这里需要加上这个 deg 作为单位，也可以不加。deg 表示的就是 degree ，角度的意思 .. 加上这个单位会更清楚一些 ..

保存 ... 这右边你会看到输出的结果 .. Sass 会把调整之后的颜色换算成十六进制的颜色值 ... shift + command + C ... 调整之后，是一种绿色 ...

这个 adjust-hue 函数里面要调整的颜色，也可以使用十六进制的颜色值 ... 我们把这个 $base-color-hsl ，换成 $base-color ... 保存 ... 会得到同样的结果 ...

鼠标放到这个颜色上面（hsl）... shift + command + C .. 当前这个颜色的 hue 滑块的位置是 0 ... 向下移动这个 hue 滑块 ... 到 137 这里，就是我们使用 adjust-hue 这个函数调整之后的颜色 ... 也就是让 0 度加上 137 度 .. 这个调整的角度也可以是一个负数角度 ...