根據背景顏色的暗度或亮度設定文字顏色

#demo-element {
  background: @theme-color;
  color: contrast(@theme-color, black, white, 50%);
}

@theme-color: red;

如果 background-color 是暗的，上面的例子將元素的文字顏色設定為 white，反之亦然。這是使用 contrast() 顏色操作功能實現的。

對比度函式接受四個引數，其中第一個引數是應該提供輸出的參考顏色。參考顏色較淺時應輸出的深色和參考顏色較暗時應輸出的光。閾值是一個百分比，它定義何時將顏色視為淺色和何時為黑色。

可以在此處找到此示例的演示。