similar_hexes

<script>
function compare_hexes(hex_a, hex_b, diff = 150)
{
    var R0 = (hex_a >>> 16) & 0xFF;
    var G0 = (hex_a >>> 8) & 0xFF;
    var B0 = (hex_a) & 0xFF;
    var R1 = (hex_b >>> 16) & 0xFF;
    var G1 = (hex_b >>> 8) & 0xFF;
    var B1 = (hex_b) & 0xFF;

    return (
        (R0 - (diff*0.14) <= R1 && R1 <= R0 + (diff*0.14)) &&
        (G0 - (diff*0.2) <= G1 && G1 <= G0 + (diff*0.2)) &&
        (B0 - (diff*0.48) <= B1 && B1 <= B0 + (diff*0.48))
    );
}

function start_compare()
{
    document.getElementById("block1").style.backgroundColor = document.getElementById("c1").value;
    document.getElementById("block2").style.backgroundColor = document.getElementById("c2").value;
    document.getElementById("compare_result").innerHTML = (compare_hexes('0x' + document.getElementById("c1").value, '0x' + document.getElementById("c2").value) ? ("YES") : ("NO"));
}
</script>
<body>
<input type="text" id="c1" /><br />
<input type="text" id="c2" /><br />
<input type="button" id="sub" value="Check" onclick="start_compare();"/>

<div id="compare_result"></div>

<div style="width: auto;" id="block1">&nbsp;</div>
<div style="width: auto;"id="block2">&nbsp;</div>