darken函数是怎么计算的呢？

darken(color, amount, method)

color: A color object.
amount: A percentage 0-100%.
method: Optional, set to relative for the adjustment to be relative to the current value.

darken函数是在HSL模式下进行操作的。

H→Hue 色相
S→Saturation 饱和度
L→Lightness 明度

darken的作用是将color的L值(明度)减去amount参数值，返回操作后的color。

那么，RGB和HSL如何相互转换呢？

黑色海洋4035105

2016-11-04

源自：Sass入门篇 4-3

关注问题我要回答

2806

操作

收起

3 回答

黑色海洋4035105 提问者
2016-11-04

如果你觉得这样计算起来好麻烦，有没有简便的方法呢？自己不想做的事情让别人帮你来做不就好了！

RGB to HSL

HSL to RGB

0 回复有任何疑惑可以回复我~

收起回答

黑色海洋4035105 提问者
2016-11-04

补充一下HSL

HSL的H(hue)分量，代表的是人眼所能感知的颜色范围，这些颜色分布在一个平面的色相环上，取值范围是0°到360°的圆心角，每个角度可以代表一种颜色。色相值的意义在于，我们可以在不改变光感的情况下，通过旋转色相环来改变颜色。在实际应用中，我们需要记住色相环上的六大主色，用作基本参照：360°/0°红、60°黄、120°绿、180°青、240°蓝、300°洋红，它们在色相环上按照60°圆心角的间隔排列。

HSL的S(saturation)分量，指的是色彩的饱和度，它用0%至100%的值描述了相同色相、明度下色彩纯度的变化。数值越大，颜色中的灰色越少，颜色越鲜艳，呈现一种从理性(灰度)到感性(纯色)的变化。

HSL的L(lightness)分量，指的是色彩的明度，作用是控制色彩的明暗变化。它同样使用了0%至100%的取值范围。数值越小，色彩越暗，越接近于黑色；数值越大，色彩越亮，越接近于白色。