问答详情
源自:4-3 [Sass]变量的调用

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 21:37

个回答

  • 黑色海洋4035105
    2016-11-04 21:44:34

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

    RGB to HSL

    HSL to RGB

  • 黑色海洋4035105
    2016-11-04 21:42:06

    补充一下HSL

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

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

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

  • 黑色海洋4035105
    2016-11-04 21:39:29

    见下方截图,虽然为英语但理解起来不算难。

    581c8f2800016c8b05000667.jpg

    http://img.mukewang.com/581c8f4300018e0704770409.jpg