Less - saturate()而不影响hsvvalue

时间:2015-01-22 04:42:21

标签: css css3 colors less

让我们来看看颜色#a94442 hsl(1,44%,46%):

Color #a94442

现在,如果我执行饱和度(#a94442,100%),我会得到#eb0500 hsl(1,100%,46%),如下所示:

Color #eb0500

现在,如果你看一下颜色选择器,颜色水平移动,垂直移动。我只想水平移动颜色。这意味着HSL的亮度不会被维持,而是HSL / HSB中的值。我想用较少的颜色计算的颜色是#a80300 hsl(1,100%,33%):

Color #a80300

所以,回顾一下。

  • 我的开始:#a94442 hsl(1, 44%, 46%) hsv(1, 61%, 66%)
  • 我得到了什么:#eb0500 hsl(1, 100%, 46%) hsv(1, 100%, 92%)
  • 我想要的:#a80300 hsl(1, 100%, 33%) hsv(1, 100%, 66%)

谢谢!

1 个答案:

答案 0 :(得分:0)

好的,我明白了。

hsv(hsvhue(#a94442), 100%, hsvvalue(#a94442))

上述内容将产生#a90300 hsl(1, 100%, 33%) hsv(1, 100%, 66%)

Color #a90300

P.S。在我原来的帖子中,我得到了目标颜色(#a80300)错误。 #a90300是正确的颜色。 Photoshop只是搞砸了。如果仔细观察,RGB中的红色与#a80300相差一点。