我正在开发一个使用大量 key=value 标签的开源项目，并在 HTML UI 中使用将值显示为文本的标签来表示它们，并根据键（代码）确定性地为前景文本生成颜色在这里）。要了解它的外观，请查看屏幕截图 @ https://raw.github.com/vimeo/graph-explorer/master/screenshots/screenshot.png；右侧的标签图例显示了标签键字符串以及它们映射到的颜色。现在，我保留了所有标签 RGB #333 的背景，因为它看起来与页面的深色背景差不多。
正如您所料，对于某些键，这有点错误。例如“状态”给出#7b0065，它是深紫色，与背景的对比度不够高。
我尝试自动更改文本颜色以确保计算背景反色的可读性，但是：
- 所有不同的背景颜色使页面非常难看。
- 文本通常仍然不可读（通常更是如此，看起来像）
因此，与其获得反色，不如计算一种与给定颜色“远离”的颜色，即从背景颜色#333。
也许我们可以得到给定颜色和背景之间的“距离”，如果太近，稍微修改一下键，然后再试一次。或者，一个更好的主意？
检查颜色是否在特定颜色范围内看起来很有趣，但它适用于红宝石，而且似乎使用了不正确的数学（没有 HSL/HSV）。