从十六进制值中检测类似的颜色 [英] Detect similar colours from hex values

问题描述

有没有人知道如何获取两个十六进制颜色值并返回某种索引来说明颜色有多相似？例如，两种黄色阴影可能会返回更高的指数，即它们比灰色和黄色更相似？

Does anyone know of a way of taking two hex colour values and returning some kind of index to say how similar the colours are? e.g two shades of yellow might return a higher index i.e they are more similar than say a grey and yellow?

（我使用javascript，但猜猜这样的语言会是一种语言独立公式/算法）

(Im using javascript but guess something like this would be a language independent formula/algorithm)

推荐答案

这里可能是一个算法：

function hexColorDelta(hex1, hex2) {
    // get red/green/blue int values of hex1
    var r1 = parseInt(hex1.substring(0, 2), 16);
    var g1 = parseInt(hex1.substring(2, 4), 16);
    var b1 = parseInt(hex1.substring(4, 6), 16);
    // get red/green/blue int values of hex2
    var r2 = parseInt(hex2.substring(0, 2), 16);
    var g2 = parseInt(hex2.substring(2, 4), 16);
    var b2 = parseInt(hex2.substring(4, 6), 16);
    // calculate differences between reds, greens and blues
    var r = 255 - Math.abs(r1 - r2);
    var g = 255 - Math.abs(g1 - g2);
    var b = 255 - Math.abs(b1 - b2);
    // limit differences between 0 and 1
    r /= 255;
    g /= 255;
    b /= 255;
    // 0 means opposit colors, 1 means same colors
    return (r + g + b) / 3;
}

> FIDDLE

这篇关于从十六进制值中检测类似的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！