如何计算欧几里得距离？ （HSL）

Question

因为我读过一篇文章， HSL配色方案与人眼配色方案相当准确，所以我很确定HSL比较是检查两种颜色是否相似的最佳方法。

---

从此开始：

我有两种HSL颜色，例如...

• 一种参考颜色： 296° 100% 62% （如[296, 100, 62] ）

• 另一种颜色： 290° 100% 40% （如[290, 100, 40] ）

...，我想计算一个表示它们相似度的百分比。

因此，这两种颜色（ [296, 100, 62]和[290, 100, 40] ）看起来非常相似，而[296, 100, 62]和[196, 30, 32]则不然。

如何计算欧几里得距离以得到它们的差值？

var color1 = [296, 100, 62]
var hue1 = color1[0],      // hue          (values: 0-360)
    sat1 = color1[1],      // saturation   (values: 0-100)
    lig1 = color1[2]       // light        (values: 0-100)

var color2 = [290, 100, 40]
var hue2 = color2[0],      // hue          (values: 0-360)
    sat2 = color2[1],      // saturation   (values: 0-100)
    lig2 = color2[2]       // light        (values: 0-100)


?? How to calculate there difference?

注意 ：这里您可以看一下欧几里德距离

任何帮助将不胜感激！

Answer 1

圆柱体中的欧几里得距离……实际上是不可能的。

您应该在Wikipedia中查看https://en.wikipedia.org/wiki/Color_difference 。 您将看到，可以用RGB来完成欧几里德距离（每个三元组的值都可以变为无穷大）。 但是这样的距离并不是那么精确。

在上一页中，您将看到在1994年和2000年CIE改进了计算色差的方法，类似于欧几里得，但使用的是LCh颜色模型，与HSL（色度与饱和度）没有太大区别。 2000版本具有一些更正因素。

在任何情况下，色差仅在dE小于6时才有效。超过此限制，您将无法比较dE。 因此可以说一种颜色与另一种颜色相似（或不相似），但是如果dE大，则您不能比较非常不同的颜色（相对于参考颜色）。