Javascript 对于给定的十六进制值颜色，是否有计算相应的静音/褪色（“高光”）颜色的公式？

我在Chart.js中找到要使用的：

var data = [{
    value: 300,
    color: "#F7464A",
    highlight: "#FF5A5E",
    label: "Strawberry"
}, {
    value: 50,
    color: "#46BFBD",
    highlight: "#5AD3D1",
    label: "Lettuce"
}, {
    value: 100,
    color: "#FDB45C",
    highlight: "#FFC870",
    label: "Melon"
}];

“突出”的颜色看起来基本上像是原始颜色的一个版本，添加了大量的冰川淤泥。是否有一个公式可以用来创建与我可能使用的任何颜色（十六进制值）相似的对应高光？在javascript中，甚至在C#中，我可以事先确定突出显示的颜色，然后手动添加它们？比如：

function string getHighlightColorForBaseColor(string hexColor)
{
    // Perform some color-theory wizardry and pass back the highlight color
}

---

也许吧？那个数据结构似乎是为一个。但对于你的问题：你的帖子中的值是硬编码的，你不知道是否有人使用了算法来计算它（你可以复制），或者他们只是手动键入对他们来说合适的值。我链接的文档上说，“如果不指定颜色和高亮度，将从全局默认数组中选择一个”，因此即使默认值没有计算，它也是硬编码的。@Quantic:我刚刚安装了Chart.JS，它可以使用，因此如果数据结构用于旧版本，它仍然兼容。如果有更好的方法，我会全神贯注。我的观点是，可能没有一种算法可以将

\F7464A

转化为

\FF5A5E

（草莓色高亮）、

\46BFBD

转化为

\5AD3D1

（莴苣色高亮）等等。。“事先确定突出显示颜色，然后手动添加它们？”没有答案，因为没有关于“突出显示颜色”相对于另一种颜色的构成标准，chart.js甚至没有自己可以复制的标准。所以只需复制其他人的“突出显示”代码，比如在Proputoix的链接中。我尝试将这些值转换为不同的颜色模型，我发现唯一的依赖性是，在HSV模型中，色调几乎相同，“突出显示”饱和度较低（但在草莓中，饱和度较低30%，在莴苣中，饱和度较低10%），而“突出显示”值较高（变化甚至比饱和更糟糕）。我也检查了其他模型，但我没有发现任何规则。因此我认为没有简单的算法，或者这些值是手动选取的。可能吧？该数据结构似乎是针对一个。但对于你的问题：你帖子中的值是硬编码的，你不知道是否有人使用了算法来计算它（您可以复制），或者如果他们只是手动键入他们认为合适的内容。我链接的文档说，“如果您不指定颜色和高度，将从全局默认数组中选择一个”，所以即使默认值也不会计算，它是硬编码的。@Quantic:我刚安装了Chart.JS，它可以使用，所以如果数据结构是旧版本的，它仍然是兼容的。如果有更好的方法，我会全神贯注。我的观点是，可能没有一种算法可以将

#F7464A

转换为

#FF5A5E

（草莓突出显示）、

#46BFBD

到

#5AD3D1

（莴苣突出显示）等。对于“事先确定突出显示颜色，然后手动添加”没有答案，因为“突出显示颜色”的构成没有标准相对于另一种颜色，chart.js甚至没有自己可以复制的标准。因此，只需复制其他人的“突出显示”代码，例如在Puropoix的链接中。我尝试将这些值转换为不同的颜色模型，我发现唯一的依赖性是，在HSV模型中，色调几乎相同，“突出显示”饱和度较低（但在草莓中它要低30%，在莴苣中只低10%）并且“突出显示”值更高（变化甚至比饱和度更差）。我也检查了其他模型，但我没有发现任何规则。因此我认为没有简单的算法，或者这些值是手动选取的。