1

假设我有这两个 rgba 代码:

rgba(150, 160, 255, 1)rgba(195, 0, 0, 1)

我想以 0/100 的百分比从一个传递到另一个。

0% 将是rgba(150, 160, 255, 1)

100% 将是rgba(195, 0, 0, 1)

我正在尝试用这个制作热图。

我如何确定 rgba 将是什么让说...... 30%!?

4

2 回答 2

1

对于代码中的每个值x

x = min_x + (max_x - min_x)*percentage/100

(注:max_x可以小于min_x

于 2013-02-22T20:47:49.037 回答
1

对于每个组件,您只需要做start+(end-start)*percentage

因此,对于您的 30%,您将拥有:

red = 150 + (195 - 150) * 0.3 = 205.5
green = 160 + (0 - 160) * 0.3 = 112
blue = 255 + (0 - 255) * 0.3 = 178.5
alpha = 1 + (1 - 1) * 0.3 = 1

因此,您的最终颜色将是rgba(206, 112, 179, 1)

于 2013-02-22T20:49:31.763 回答