Javascript 如何在网页上检查/选择字体颜色以与渐变形成良好对比？

所以我有一个按钮，从一种任意颜色渐变到另一种颜色。是否有一种系统的方法来编码a检查当前文本颜色是否有效，b如果当前文本颜色不起作用，是否有一种方法来生成一种在渐变上有效的文本颜色？我正在根据用户输入更改某些按钮的渐变，必要时需要更新字体颜色

---

注意，我认识到这是一个很好地解决了纯色背景的问题，例如，请参见此处：。

如果您正在寻找自动检测，我可能从这里开始：

这是一个jQuery插件，用于检查背景/前景颜色的可访问性，在示例中，如果单击左下角的图标，然后单击“对比度”，它将指出页面上的问题。它看起来像是与渐变一起工作的，所以也许你可以通过一种帮助你选择颜色的方式来修改它

对于更多手动方法：

这个chrome插件说它可以使用渐变：

波浪：

---

对，这些确实是有用的工具。。。不幸的是，我需要用javascript编程，这不是我最初问题的一部分。我道歉。