Question

使用RGB颜色的JavaScript创建颜色的首选方法是什么，这样它们就可以像CSS颜色一样用于样式元素，如下所示。

document.getElementById("some_id").style.color = "some_value"

以下示例：

const colorsCbfRainbowRGB = {
  violet: [120,28,129],
  indigo: [64,67,153],
  blue: [72,139,194],
  green: [107,178,140],
  olive: [159,190,87],
  yellow: [210,179,63],
  orange: [231,126,49],
  red: [217,33,32]
}

Answer 1

您可以非常轻松地转换为rgb(r, g, b) CSS颜色。

function rgb(values) {
    return 'rgb(' + values.join(', ') + ')';
}
console.log(rgb(colorsCbfRainbowRGB.violet));

任何值得一提的浏览器都支持这一点，并且比转换为十六进制更简单。

Answer 2

创建随机颜色（不仅是RGB颜色）

function getRandomColor() {
    var letters = '0123456789ABCDEF';
    var color = '#';
      for (var i = 0; i < 6; i++ ) {
          color += letters[Math.floor(Math.random() * 16)];
      }
    return color;
}

希望这有助于!!!

Answer 3

您可以使用带有rgb()和RGB数字的字符串模板。

＆＃13;

function setColor(color) {
    const colorsCbfRainbowRGB = { violet: [120, 28, 129], indigo: [64, 67, 153], blue: [72, 139, 194], green: [107, 178, 140], olive: [159, 190, 87], yellow: [210, 179, 63], orange: [231, 126, 49], red: [217, 33, 32] };
    document.getElementById("out").style.color = `rgb(${colorsCbfRainbowRGB[color]})`;
}

setColor('orange');

＆＃13;

<div id="out">foo bar baz</div>

＆＃13;

Answer 4

使用颜色的十六进制代表：#rrggbb

其中rr是从00到FF的红色，gg绿色和bb蓝色。

JavaScript数组中RGB值的颜色

4 个答案: