Javascript 如何为图像的每个像素指定对比度值？

我希望能够使用javascript为图像的每个像素分配一个对比度值（如果javascript无法做到这一点，我应该使用哪种语言？）。例如，由白色像素包围的黑色像素的对比度值为100%：

---

我也需要这对彩色像素的工作。因此，如果有一个明亮的红色像素被明亮的蓝色像素包围，它将有一个高对比度值。如果有一个非常深的红色像素被黑色像素包围，那么它的对比度值会很低。

您可以使用

画布

轻松地读取像素数据。关于如何使用JS、HTML5和canvas元素处理图像数据，有很多有用的信息。您需要详细说明您的问题：在您的颜色示例中，每个像素的三个通道的级别是多少？你是否需要考虑比较中的所有渠道，或者只考虑相反的渠道？