重现色彩效果

Question

当选择引用其他单元格的Excel单元格时，系统地使用不同颜色突出显示引用的单元格。我想在JavaScript和CSS中模仿并重现这种效果。

例如，在Cell A1开始时，gray的背景颜色为Cell C2：

双击A3后，其引用的单元格会突出显示：

我们只学习背景颜色（并忽略边框颜色）。 purple现在位于A2; purple on top of red位于A1; purple on top of red on top of blue on top of gray位于overlay。

是否有人知道如何调用此颜色效果（例如，hover，opacity）？那里有purple的概念吗？鉴于red和opacity（可能是ComboPoolDataSource个数字）的颜色代码，JavaScript和CSS中有一种简单的方法可以生成A3的颜色吗？

Answer 1

我唯一能想到的是使用svg和矩形，动态生成它们并根据所选单元格的数量为它们分配颜色（我想Excel会分配随机颜色？！）。您可以使用mix-blend-mode来实现叠加效果（请参阅下面的代码段，注意定义的颜色和显示的颜色）。

＆＃13;

＆＃13;

.multiply { 
    background: white; 
}

.multiply rect { 
    mix-blend-mode: multiply; 
}

＆＃13;

<svg class="multiply" width="400" height="500">
  <rect fill="cyan" width="150" height="20" x="0" y="0" />
  <rect fill="yellow"  width="100" height="40" x="50" y="0" />
  <rect fill="magenta"  width="50" height="60" x="100" y="0" />
</svg>

＆＃13;

＆＃13;

＆＃13;

你可以做的另一种方法（这是面向Javascript的）是计算你想要组合的颜色的RGB值，然后使用R，G和B值创建叠加的颜色，see link