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]);
}

颜色是HEX颜色，如＃ff0000 ，如何将其设为 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的答案，你可以在这里找到更多关于hex到rgb颜色转换的信息：

RGB to Hex and Hex to RGB

如何在Chroma.js中获得RGB色阶

2 个答案: