将(x,y)值插值为相应的RGB值

时间:2015-09-11 06:41:55

标签: javascript colors

好的,所以说我有400x400平方。角(0,0)为红色,角(400,0)为绿色,(400,400)为蓝色,颜色从角落散开(最后一个角为白色)。

所以给定一个随机点,如何插值RGB值?因此,如果我们查看点(350,180)并且RGB值的范围可以从0到1.我没有得到如何将其插值为RGB值。有点像dot产品的东西我想但我无法弄清楚点产品是如何被使用的。每当我尝试在网上找到某些东西时,每个人都会建议使用HSV或其他什么东西,因为我需要RGB,因此无法帮助我。

一旦我弄清楚了一个公式,我将把它放到javascript代码中。

我会喜欢这方面的帮助,因为我已经挂了很长时间了。

1 个答案:

答案 0 :(得分:0)

你想要达到什么目的?只是猜测,听起来像你正试图做某种颜色选择器。如果是这种情况,您的方法将不代表完整的rgb颜色空间。

在你的广场上没有任何地方你会得到Magenta的RGB值=全红+没有绿+全蓝= rgb(255,0,255)。

为了能够代表所有rgb颜色和饱和度,你需要一个像https://color.adobe.com

这样的色轮

或者您需要操纵广场中的色调来穿越颜色。这可能就是为什么你会发现人们建议去HSL / HSV,就像在这里做https://www.colorcodehex.com/html-color-picker.html

一样

此处提供的数学计算可能有助于实现您的目标:http://en.wikipedia.org/wiki/HSL_and_HSV#Converting_to_RGB