调整颜色的色调

理解

CSS的hsl()使得调整颜色的色调（tone）很容易。

混合白色和一定纯色泽（hue）可增加浅色，增加黑色就可以制造深色。

或者说，色调(tone)就是通过增加灰色或者增加浅色或深色来制造。

想想hsl()的S和L分别代表Saturation和Lightness。Saturation的百分比改变灰色的数量，Lightness的百分比决定了颜色里有多少的黑或白。

当你有一个很喜欢的基色，这是非常有用的，但是需要不同的变化。

练习

这个网站的导航栏继承了header元素的background-color。用这个颜色作为一个基色，给nav元素增加一个background-color，这样就可以使用相同的cyan色，但是只有80%的饱和度和25%的亮度，这样就能改变它的色调和深色。

来源

Applied Visual Design: Adjust the Tone of a Color | Learn freeCodeCamp

CHANGELOG

2018-10-29 16:48:46