css - 你如何按百分比反转颜色？

Question

我知道反转你做的颜色:

invertedColor = 255 - color

但是假设我想将颜色反转 75%。我该如何计算？我正在尝试这样:

original color is rgb(100, 100, 100)
255 - 100 = 155
155 * .75 = 116.25
therefore i think (incorrectly) that my new color should be ~rgb(116, 116, 116)

但是如果你看这个fiddler正确的颜色是 rgb(141, 141, 141);

Answer 1

颜色的反转实际上是(从概念上讲，因为任何东西的 0% 都是 0)

0% * color + 100% * (255 - color)

所以 75% 的颜色反转是

25% * color + 75% * (255 - color)

基本上你也需要一些原始颜色。