javascript - 在 JavaScript 中基于十六进制颜色创建 IF 条件

Question

我有一行 JavaScript，允许我在每次加载页面时将网页的背景设置为不同的颜色:

document.getElementById("band").style.background = '#'+(Math.random()*0xFFFFFF<<0).toString(16);

为了可见性，我希望字体为黑色或白色，具体取决于背景是深色还是浅色。

例如，我认为十六进制的“中间”点是#800000。

我希望我的脚本告诉我的网页，如果十六进制数小于 800000，则使用白色字体；如果十六进制数大于 800000，则使用黑色字体。

Answer 1

您可以使用TinyColor图书馆

var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16);

document.write("<b style=\"color:" + color + ";\">" + color + "<\/b> is ");

var c = tinycolor(color);

if (c.isDark()) 
  document.write("Dark");
else 
  document.write("Light");

<script src="https://rawgit.com/bgrins/TinyColor/master/tinycolor.js"></script>