在 JavaScript 中获取名为 color 的 CSS/HTML 的 RGB 值

Question

我已经构建了一个 name-[rgb] Javascript 对象。你的基本情况：

namedColors = {
  AliceBlue: [240, 248, 255],
  AntiqueWhite: [250, 235, 215],
  ...

目的。但我突然想到，我应该能够获取一个名称字符串“AliceBlue”，比如说……并让 JavaScript 找到它的某种 RGB 表示形式（十六进制就可以了）。我知道浏览器中至少藏有 140 种命名颜色，但我似乎找不到它们。

是否有 CSS 或“style=...”特技可以让我查找颜色名称的 RGB 表示形式？

Answer 1

最小 JavaScript 函数：

function nameToRgba(name) {
    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    context.fillStyle = name;
    context.fillRect(0,0,1,1);
    return context.getImageData(0,0,1,1).data;
}