javascript - 在 JavaScript 中获取名为颜色的 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;
}