图像色调叠加工具

色调叠加通过在照片上叠加一层半透明的颜色,彻底改变照片的整体氛围。上传图片并选择颜色后,工具会按您设定的不透明度将其融合在上方,适合在主图上套用品牌色、为偏冷的照片增添暖意,或制作阴影区与高光区颜色不同的双色调 Spotify 播放列表风格封面。

如何为图像叠加色调

  1. 1

    上传图片

    JPG、PNG、WebP。

  2. 2

    选择色调颜色

    HEX 或颜色选择器,品牌色、暖橙色、冷蓝色。

  3. 3

    设置混合模式和不透明度

    平铺色调用"正常",加深阴影用"正片叠底",营造动态对比用"叠加"。

  4. 4

    可选:双色调

    为高光区选择第二种颜色,工具会将色调范围映射到这两种颜色。

  5. 5

    导出

    另存为 JPG 或 PNG。

有目的地叠加色调

混合模式

模式 在颜色图层上的效果
正常 按您设定的不透明度平铺叠加颜色
正片叠底 加深;纯白色调无效果
滤色 提亮;纯黑色调无效果
叠加 在阴影处用正片叠底、在高光处用滤色
颜色 保留明度,替换色相和饱和度
色相 保留明度和饱和度,仅替换色相

双色调技法

将色调范围的暗端映射为一种颜色,亮端映射为另一种颜色:

  • Spotify 风格:深紫色阴影 + 浅绿色高光。
  • 温暖夕阳:深橙色阴影 + 浅黄色高光。
  • 忧郁风格:藏青色阴影 + 浅桃色高光。

双色调在人像中表现出色,因为肤色的明暗能自然地转化为这种双色映射。

常见色调应用场景

  • 品牌一致性:在每张博客主图上叠加淡淡的品牌色。
  • 暖色与冷色:调整照片氛围以契合文章的基调。
  • 分类色标:为网站的不同板块使用不同的色调。
  • 可读性背景:将白色文字后方的照片调暗,使文字清晰可读。

不透明度指南

  • 10–20%:氛围略有变化,照片基本保持原样。
  • 30–50%:色调明显,开始在视觉上与品牌统一。
  • 60–80%:强烈的色彩覆盖,照片退居次要位置。
  • 90–100%:基本为纯色,仅隐约可见照片,往往过于强烈。

常见问题

色调叠加按您选择的不透明度均匀覆盖一层颜色。滤镜(如棕褐色或灰度)则应用逐像素变化的矩阵变换。色调叠加更为简单,可让您直接控制颜色与强度。

“颜色”混合模式会保留照片的明度,仅套用色调的色相与饱和度,照片依然可见,同时呈现品牌色。以 30–50% 不透明度使用正片叠底,也能获得更浓郁、略暗的效果。

可以。将颜色、不透明度和混合模式的组合保存为预设,再应用于整组照片以保持一致。预设会存储在您的浏览器中。

会,带 Alpha 通道的 PNG 输入会被保留。色调仅应用于可见像素;透明像素保持透明。

相关工具

此工具还提供其他语言版本