Javascript图像处理：亮度对比度

Javascript图像处理：亮度对比度2013-10-10 博客园 Justany_WhiteSnow前言

上一篇文章，我们讲解了图像处理中的卷积操作和平滑（也就是模糊）处理，这篇文章我们进行亮度和对比度的变化。

其实，亮度是啥玩意？

亮度就是比较亮眼咯……

实际上对于RGBA颜色空间，变亮其实就等于R、G、B三个通道同时加大，那么变暗就等于同时减小咯。

这比较好理解，因为最暗的黑色是RGB（0,0,0），而最亮的白色是RGB（255,255,255）。所以变亮应该RGB各通道都要增大。

那么，对比度呢？

对比度，其实就是颜色差啦。

那么对于RGBA颜色空间，对比度变大其实就等于R、G、B三个通道同时乘以一个比例，因为这样相近的颜色之间的差距就变大了，那么减小就是同时除以咯。

举个例子，原来RGB（23,44,55）和RGB（33,44,55）相差只有10，但是一起乘以2以后，就变成了RGB（46,88,110）和RGB（66,88,110），相差变成了20了，也就是“颜色差”变大了。

线性模型

newRGB = Contrast * RGB + Brightness

线性模型满足上述公式，其中 Contrast表示对比度系数，Brightness表示亮度系数。

线性模型实现比较简单，但是很容易就调出全白或者全黑的图片，对于普通用户来说Contrast、Brightness选多少比较好也比较难确定。

所以，实际上在Photoshop里面使用的并不是线性模型，而是非线性模型。