如果光线较浅,如果颜色较暗,如果较暗,则颜色较浅

时间:2017-07-21 07:24:44

标签: css colors less

如果将颜色作为输入,如何在LESS中对其进行变换,使其在浅色时变暗,如果变成浅色则变浅?

例如:

  • 当颜色黑暗时,结果类似于darken(@color-input, 10%)
  • 当颜色时,结果类似于lighten(@color-input, 10%)

是否有可以应用的条件测试或任何会产生此结果的color operation

2 个答案:

答案 0 :(得分:2)

我不确定这是否是最佳答案,但以下代码似乎可以解决问题:

mix(@color-input, contrast(@color-input), 90%);

答案 1 :(得分:2)

我认为问题被正确识别为重复,但为了回答正确,这里是正确答案(基于seven-phases-max's answer):

contrast(@color-input, lighten(@color-input, 10%), darken(@color-input, 10%));

您可以在此处看到working example

您可以在此处详细了解contrast function