如何获得接近另一种颜色的颜色的rgb值?

时间:2012-07-16 14:19:31

标签: javascript html5 canvas colors rgb

如果我有RGB颜色。如何创建一个javascript函数,当另一个RGB值接近初始RGB时返回true,否则返回false?

2 个答案:

答案 0 :(得分:4)

我已经习惯了这个,对我来说效果非常好:

// assuming that color1 and color2 are objects with r, g and b properties
// and tolerance is the "distance" of colors in range 0-255
function isNeighborColor(color1, color2, tolerance) {
    if(tolerance == undefined) {
        tolerance = 32;
    }

    return Math.abs(color1.r - color2.r) <= tolerance
        && Math.abs(color1.g - color2.g) <= tolerance
        && Math.abs(color1.b - color2.b) <= tolerance;
}

并且根据您的特定问题,颜色距离的含义可能会有所不同,例如,您可能需要将&&更改为||

答案 1 :(得分:1)

这一切都取决于什么意思'接近'你。您可以使用以下功能:

var color1 = { "r": 255, "g": 255, "b": 255 }
var color2 = { "r": 250, "g": 252, "b": 252 }

function isClose(color1, color2) {
    var threshold = 30;
    var distance = Math.abs(color1.r - color2.r) + Math.abs(color1.g - color2.g) + Math.abs(color1.b - color2.b);

    if (distance < threshold) return true;
    return false;
}

会匹配非常关闭的颜色(基于简单的rgb矢量距离),但仍然存在阈值参数,必须通过实验选择。