假设我有这两个 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%!?
假设我有这两个 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%!?
对于代码中的每个值x
:
x = min_x + (max_x - min_x)*percentage/100
(注:max_x
可以小于min_x
)
对于每个组件,您只需要做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)