跳到主要内容

所有处理都在您的浏览器中本地完成

Image Machine logo
Image Machine

自然饱和度与饱和度 — 在线提升色彩,避免溢出

上传图片进行调整

接受的格式:JPG、PNG、WEBP、BMP、GIF(非动画)

上传图像

粘贴 (Ctrl/⌘+V) 或拖放图片 — 或从网址导入

自然饱和度(Vibrance)是更智能的非线性饱和度控制。普通饱和度以相同幅度放大每种颜色的强度——很快就会将天空、皮肤和已经鲜艳的颜色推过可显示的极限,产生刺眼的“霓虹”效果——而自然饱和度应用加权提升,对中等饱和度的颜色提升最大,向两端递减。接近灰色和已经鲜艳的像素变化最小,而中等饱和度的暗沉颜色获得最大提升。结果是照片看起来更丰富、更生动,而没有卡通式的过度饱和——这就是为什么自然饱和度是 Lightroom 和大多数手机相机应用中的“使其生动”滑块。本工具两者兼备:自然饱和度滑块用于受保护的非线性提升,饱和度滑块用于附加的经典均匀调整。向右拖动任一滑块增强颜色,向左向灰度方向抑制。在 HSL 色彩空间中工作,因此只改变每个像素的饱和度——色相和亮度保留,完全灰色的像素保持灰色。一切在浏览器中使用 HTML canvas 本地运行:图像永不上传,透明度保留,无需注册,无水印。

自然饱和度与饱和度,在同一张照片上实测

会发生什么饱和度 +50自然饱和度 +50
被推到顶、细节就此消失的颜色1,080,000 个像素里有 304,138 个,也就是整张照片的 28.16% 被压平。0 个。这不是把小数字四舍五入掉:自然饱和度的提升量在颜色接近全饱和时会缩到零,所以它根本推不过那条线。
本来就鲜艳的颜色(0.7 以上,这张照片有 294,801 个像素)饱和度增加 0.147。只增加 0.058,少了 2.5 倍。两者的分歧就在这里。
本来就偏灰的颜色(低于 0.3,这张照片有 336,124 个像素)饱和度增加 0.105。增加 0.080。两者在这里几乎一致,而这恰好和一般解释这个差别的方式相反。
灰色不动。没有颜色的像素没有东西可以乘。同样不动,理由相同。两个滑块都在 0 时是完全的空操作:1,080,000 个像素中有 0 个改变。
色相与明度明度最多移动 255 分之 0.5,色相最多移动 10 度。明度同样是 255 分之 0.5,色相最多 5.14 度。两个滑块都不会写入任何一个字节的透明度。

在一张 1200x900 的照片(1,080,000 个像素)上实测,跑的是本页自己的代码,也就是浏览器实际运行的 applyVibranceToData,不是替代品。可用 scripts/measure-vibrance.mts 复现。两个滑块的差别来自一个项:饱和度是相乘,所以提升量会随着像素原本的饱和度直线增长;自然饱和度加上的量以 s(1-s) 加权,在中间最大、在两端降为零。在 +50 的设定下,一个饱和度 0.10 的像素,饱和度给 +0.050,自然饱和度给 +0.045;在 0.50 是 +0.250 对 +0.125;在 0.90 是 +0.100 对 +0.045。只不过在 0.75 和 0.90 时,饱和度早已撞到天花板停住了,那 304,138 个被压平的像素就是这么来的。所以实用的规则不是「自然饱和度把偏灰的颜色提得更多」,它并没有。而是自然饱和度会放过鲜艳的颜色,而鲜艳的颜色正是最先坏掉的那一批。还有一个对常见说法的诚实更正,这一页在查证之前也这么说过:色相并非完美保留。转成 HSL、改一个通道再转回来会四舍五入到整数字节,而接近灰色的颜色正是一个单位的舍入把色相甩得最远的地方。自然饱和度最坏 5.14 度,饱和度最坏 10 度,在那个幅度下肉眼看不出来,但这是量出来的,不是断言的。

使用方法

1

选择工具

从 168+ 款工具中选择,调整尺寸、转换、压缩或增强您的图像。

2

上传并编辑

拖放您的图像并调整设置。文件始终保留在您的设备上。

3

下载

立即保存您的成果 — 无水印,无需注册。

为什么选择 Image Machine?

您的文件永不离开设备

所有处理都在您的浏览器本地完成,您的图像绝不会上传到服务器。

完全免费

每款工具都免费,没有使用限制、没有水印,也没有任何隐藏费用。

极速处理

无需等待上传 — 您的图像在自己的设备上即时处理完成。

专业品质

像素级精准的输出,可完全掌控格式、尺寸和质量。

常见问题

自然饱和度与饱和度有什么区别?

饱和度以相同系数放大每个像素的鲜艳度,因此它同等提升暗沉和鲜艳的颜色——很快就会将已经明亮的颜色推过可显示的极限,产生刺眼的“霓虹”效果。自然饱和度应用加权提升:对中等饱和度颜色的提升最强,向两端递减,因此接近灰色和已经鲜艳的颜色变化很小,而中等暗沉的颜色获得最多提升。简言之,饱和度是均匀提升,自然饱和度是受保护的提升——当需要更丰富的颜色而不吹爆最亮、最饱和区域时,使用自然饱和度。

自然饱和度对人像和肤色更好吗?

通常是的。因为自然饱和度对已有一定饱和度的颜色增加的提升少于平均饱和度,并且随着颜色接近完全饱和而进一步减弱——这对肤色和其他已经有色彩的区域更温和,在不让皮肤变橙或出现斑块的情况下为人像增添活力。一个好的工作流程是主要依靠自然饱和度提升,如果整体图像仍显平淡,再少量添加饱和度。

可以用这些滑块抑制颜色或使照片变为灰度吗?

可以。两个滑块也向负方向工作。将饱和度完全向左拖动可将每种颜色拉向灰度,或部分拖动获得褪色的胶片感。负向自然饱和度使用相同的保护性加权柔和地降低颜色——完全灰色的像素始终保持灰色——这对于在不完全压平图像的情况下抑制过于丰富多彩的图像很有用。

我的图像会上传吗?是否保留透明度?

不上传——自然饱和度与饱和度完全在浏览器中使用 HTML canvas 运行,图像永远不会离开您的设备,页面加载后可离线工作。调整在 HSL 色彩空间中完成,只改变每个像素的饱和度:色相和亮度保留,完全灰色的像素保持灰色,Alpha 通道保持不变,PNG 的透明区域仍然透明。无需注册,无水印。

编辑工具

翻转图片

GIF 转精灵图

通道混合器

胶片颗粒

移轴

像素排序