javascript - 用javascript检测颜色是否在两种颜色之间

Question

我想检测图像的每个像素是否在两种颜色之间的范围内。我用getImageData得到像素颜色，但现在我不知道如何知道它是否在范围内。任何的想法？谢谢

Answer 1

在 HSL 颜色中，H 表示色调（我们通常认为的颜色）。如果您使用 HSL 颜色，您可以按照 Stano 的建议进行操作，只需计算任何像素色调与您指定的色调之间的线性距离。

HueDesired – HuePixel

但是计算机图像通常在 RGB 颜色模型中定义。 RGB 使用混合颜色来制作您想要的颜色。使用 RGB，您可以通过计算色轮上彼此之间的欧几里得距离来确定 2 种颜色是否“接近”。

这是一个计算指定颜色和像素颜色之间的欧几里得距离的函数：

// find Euclidian distance from the pixel color to the specified color 
//
function colorDistance(colorRed,colorGreen,colorBlue,pixelRed,pixelGreen,pixelBlue){

    var diffR,diffG,diffB;

    // distance to color
    diffR=( colorRed - pixelRed );
    diffG=( colorGreen - pixelGreen );
    diffB=( colorBlue - pixelBlue );
    return(Math.sqrt(diffR*diffR + diffG*diffG + diffB*diffB));

}

由于您想将像素与 2 种颜色进行比较，只需对两种颜色都运行此函数。

由您决定 2 种颜色与像素颜色之间的“可接受”距离是多少，但此功能将为您提供一个可以使用的测量工具。