WMW

图片色调效果

Free

为图像应用着色(单色调)或双色调(双色渐变映射)效果,并提供实时预览。

完全在您的浏览器中运行。您的图片绝不会被上传到任何地方。

点击选择图片,或将图片拖放到此处

最近活动

所有人可见。所有访客的最近 20 次使用记录,最新的在前。

暂无活动记录。快来成为第一个吧。

评论 (0)

觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。

访客评论在发布前会经过审核。 登录 即可立即发布。

暂无评论,快来抢沙发分享您的想法吧!

此工具的功能

为照片应用两种经典的着色效果:染色(将图像染成单一颜色,同时保留其亮度细节)和双色调(将阴影映射到一种颜色,高光映射到另一种颜色,这种大胆的双色效果因 Spotify 的营销而广为流行),每种效果都提供实时预览和 PNG 下载。

工作原理

染色会将每个像素转换为 HSL,用您选择的色调颜色的色相和饱和度替换像素的色相和饱和度,保留原始明度,再转换回 RGB,然后按您选择的强度百分比将结果与原始像素混合。双色调则使用标准亮度公式在 0 到 1 的范围内计算每个像素的亮度(明度),然后在您的阴影颜色(明度为 0)和高光颜色(明度为 1)之间线性插值以求出输出颜色,可选的反转映射设置会交换该刻度的哪一端对应哪种颜色。

解决的问题

常见问题

染色与简单的颜色叠加有什么不同?

平面颜色叠加只是将纯色均匀地混合在照片之上。染色则保留每个像素的原始亮度(明度),只用您选择的颜色的色相和饱和度替换像素的色相和饱和度,因此阴影保持暗淡,高光保持明亮,照片的色调结构和细节仍然可见,是着色而非覆盖。

为什么在染色时黑白区域仍保持黑白?

纯黑的明度为 0%,纯白的明度为 100%,在这两个极端处,无论您指定什么色相或饱和度,HSL 颜色模型都会生成黑色或白色,在零明度或满明度时没有颜色可显示。这就是即使在完全染色强度下,真正的阴影和高光仍保持中性的原因。

什么是双色调效果,"Spotify 风格"这个名称从何而来?

双色调(或渐变映射)将图像中的每种灰色调替换为在两种颜色之间的渐变中选取的颜色:最暗的像素变为您的阴影颜色,最亮的变为您的高光颜色,中间的一切都平滑过渡。这种效果与 Spotify 紧密相关,因为该公司在其营销和播放列表封面中广泛使用了大胆的双色照片处理。

"反转映射"在双色调中有什么作用?

它会交换亮度范围哪一端对应哪种颜色,照片中的暗部区域会得到您的高光颜色,亮部区域会得到您的阴影颜色,从而翻转整体效果,而无需手动交换两个颜色选择器。

我的照片会被上传到任何地方吗?

不会。两种效果都完全通过 HTML canvas API 在您的浏览器中计算和渲染,不会向服务器发送任何内容。

相关工具