跳到正文

亮度与色彩调整

Brightness & Colour Adjust

对着直方图调亮度、对比度、饱和度、色温和锐度。

两类通常混在一起、却不该混在一起的调整。上面一组是 CSS 滤镜函数,严格按规范的定义计算,所以下面打印出来的 CSS 在浏览器里产生同一张图。下面一组是摄影式的——曝光、白平衡、伽马——在线性光里工作,那才是这些操作真正被定义的地方。

🔒 完全在你的浏览器里运行filteradjustphotocolor

把照片放到这里

调整就在这个标签页里跑。大图会花一点时间,什么都不会上传。

怎么用

  1. 调整并复制 CSS

    上面一组的任何调整都出现在面板下方的 filter 字符串里。粘进样式表,浏览器会渲染出你在这里看到的样子。

  2. 照片用曝光而不是亮度

    曝光以档为单位:+1 让光翻倍,这和让像素值翻倍不是一回事。在照片上它的表现和相机一样。

  3. 盯着裁切数字

    直方图任一端的尖峰只是 256 个格子里的一个,在图上看不见,所以百分比打印在旁边。

常见问题

为什么亮度和曝光都在这里?

它们是不同的操作。`brightness()` 乘的是 sRGB 编码值,那是浏览器做的;曝光乘的是光,那是相机做的。前者在 CSS 里可复现,后者在照片上是正确的。

能救回过曝的天空吗?

不能。裁切意味着那里每个像素都是 255,没有任何东西可以区分。降低曝光只会把白变成灰,不会带回一片云。

自然饱和度比饱和度多做了什么?

它按像素已有的饱和程度给增量加权,所以灰蒙蒙的天空动得多,肤色动得少。普通饱和度对所有东西一视同仁,那正是让脸变橙的原因。

可以从这些接进来

接下来

这些工具吃得下当前工具的产出,结果可以直接送过去。