我能想到的在浏览器脚本级别执行此操作的唯一方法是在Canvas渲染器上下文中重新创建场景。
此代码专门针对适用于您的问题的条款和条件，因此可能需要针对其他情况进行修改：

function getComputedContainerTextColor(element) {
  const canvas = document.createElement("canvas");
  canvas.width = 1;
  canvas.height = 1;

  const context = canvas.getContext("2d");

  const containerComputedStyle = window.getComputedStyle(element.parentElement);

  context.fillStyle = containerComputedStyle.backgroundColor;
  context.fillRect(0, 0, 1, 1);
  
  const textComputedStyle = window.getComputedStyle(element);

  context.globalCompositeOperation = textComputedStyle.mixBlendMode;
  context.fillStyle = textComputedStyle.color;
  context.fillRect(0, 0, 1, 1);

  const imageData = context.getImageData(0, 0, 1, 1);

  return [ imageData.data[0], imageData.data[1], imageData.data[2], imageData.data[3] ];
}

const text = document.querySelector(".text");
const color = getComputedContainerTextColor(text);

console.log(color);

.container {
    background-color: #fff;
}

.text {
    mix-blend-mode: difference;
    color: #000;
}

<div class="container">
  <span class="text">hello world</span>
</div>

这将在背景中创建一个1x1像素的画布，获取计算出的容器背景颜色以及计算出的文本元素的混合模式和颜色，以相同的顺序应用它们，然后提取图像数据-获取4个颜色索引（RGBA）。