如何在Chroma.js中获取RGB色标

Question

我正在使用Chroma.js库来生成一个色标。

到目前为止，我使用它生成25种“彩虹”颜色：

var scale = chroma.scale(['red','orange','yellow','green','blue','purple']).colors(25);

但是当我记录每种颜色时：

for (var i = 0; i < scale.length; i++) {
   console.log(scale[i]);
}

该颜色是像#ff0000那样的HEX颜色，如何使它成为RGB？

Answer 1

只需回忆返回值的色度：

for (var i = 0; i < scale.length; i++) {
   console.log(chroma(scale[i]).rgb());
}

Answer 2

下面是一个函数，用于将十六进制颜色转换为rgb颜色：

function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

alert( hexToRgb("#0033ff").g ); // "51";

这摘自Tim Down的答案，在这里您还可以找到更多关于十六进制到rgb颜色转换的信息：

RGB到十六进制，十六进制到RGB