手写笔的contrast（）函数较少

Question

Less中使用的contrast()函数的手写笔版本是什么？我需要提供给定背景色的易读性，并且无论给定什么颜色，都应该是自动的。

Answer 1

AFAIK没有直接的等效项。但是，有许多颜色功能，例如混合，反转，加深等，可以根据您的意愿构建颜色。

手写笔拥有的contrast()函数将告诉您当前的对比度，该对比度从1到21（越高越好）。有关更多信息，请参见Stylus documentation。

像这样的事情对我来说很好：

var_backgroundColor = teal
var_fontColor = black
var_fontColorAlternative = darken(complement(var_backgroundColor),15%)

body { color: var_fontColor; background-color: var_backgroundColor }

if contrast(var_fontColor,var_backgroundColor).ratio <= 7 {
  body { color: var_fontColorAlternative }
}
else {
  body { color: var_fontColor }
}