我不相信有一种方法可以直接获得文档的第一个像素，getImageData方法在画布上下文上工作，所以不能在文档或窗口对象上使用。
一个可能的解决方案是创建一个临时的画布元素，这个解决方案还需要html2canvas.js https://html2canvas.hertzen.com

function getFirstPixelColor(callback) {
  const width = window.innerWidth;
  const height = window.innerHeight;
  const canvas = document.createElement('canvas');
  canvas.width = width;
  canvas.height = height;
  const context = canvas.getContext('2d');

  html2canvas(document.body, {canvas: canvas}).then(() => {
    const imageData = context.getImageData(0, 0, width, height);
    const firstPixelColor = {
      r: imageData.data[0],
      g: imageData.data[1],
      b: imageData.data[2],
      a: imageData.data[3]
    };
    callback(firstPixelColor);
  });
}

getFirstPixelColor((color) => {
  console.log(`First pixel color: rgba(${color.r}, ${color.g}, ${color.b}, ${color.a})`);
});