教程

HSL 调色指南:分清全局调色与颜色替换

visdraw 当前提供全局色相、饱和度与自然饱和度控制;需要处理一组相近颜色时,应使用换色工具。本文讲清它们的分工与可靠工作流。

visdraw 团队阅读约 8 分钟

很多人看到“HSL”就会想到按红、橙、黄、绿等颜色分别调整,但不同编辑器提供的控制并不相同。visdraw 当前的颜色混合面板包含全局色相、饱和度与自然饱和度:它们都会影响整张图,而不是单独控制某个颜色通道。需要处理一组相近颜色时,应切换到换色工具。

先看清三种全局控制

色相:整体旋转色轮

让整张图的颜色沿色轮一起移动。它适合统一改变整体配色倾向,不适合只把天空或衣服换成另一种颜色。

饱和度:统一改变颜色浓度

所有颜色会按相近幅度远离或靠近灰色。它适合整体减色、黑白化或小幅增强,不适合修正单一物体。

自然饱和度:优先照顾偏淡颜色

它对原本不太饱和的颜色作用更明显,并减弱对高饱和颜色和暖色肤色的影响,通常比直接拉高饱和度更克制。

什么时候用哪一种工具

情况建议工具原因
整张图的配色方向都不合适全局色相所有颜色一起旋转,适合整体风格变化
全图偏灰,但已有浓色不想再加重自然饱和度优先增强偏淡颜色,结果通常更温和
全图都需要统一减色或转黑白饱和度直接控制整张图的颜色浓度
只想把某件商品或衣服换色换色工具可指定原颜色、目标颜色与相近颜色范围
同一种颜色在画面多处出现谨慎使用换色工具工具按颜色而非空间选区工作,别处的相近颜色也可能变化

一套可靠的调色流程

  1. 1

    先修曝光和白平衡

    偏色或曝光失准会干扰后续判断。先用曝光、色温和色偏建立正常底色,再进入颜色混合面板;具体方法见 白平衡指南

  2. 2

    先判断问题是全局还是针对特定颜色

    “整张图都太灰”属于全局问题;“想把红色包装改成绿色”属于特定颜色问题。先分清这一点,可以避免在错误的滑块上反复试探。

  3. 3

    用过冲定位色相方向

    暂时把色相向两端明显移动,观察整体配色怎样变化,再回到零点附近做小幅调整。全局色相通常移动几度就很明显,不必为了追求变化而拉得过远。

  4. 4

    先试自然饱和度,再决定是否动饱和度

    如果只是希望画面更有精神,先小幅增加自然饱和度;只有在所有颜色都需要统一变化时,再调整饱和度。两者叠加过多很容易让高饱和区域失去层次。

  5. 5

    对比原图并保存可复用设置

    按住原图对比功能检查调整是否真的更好。满意后可把色相、饱和度、自然饱和度、白平衡等滤镜参数保存为个人预设,再对每张图片单独微调曝光。

五个可执行的起手式

目标起始调整检查重点
轻微改变整体配色全局色相先向任一方向试 3°~8°肤色、品牌色和中性色是否被带偏
让偏淡的画面更鲜活自然饱和度 +0.05~+0.15高饱和区域是否仍有细节
克制的低饱和风格饱和度先降到 0.85~0.95不要同时把对比度压得过低
黑白效果饱和度降到 0,再调整明暗与对比度主体和背景是否还能分开
替换商品颜色用换色工具设定原颜色与目标颜色,小范围起步边缘、阴影和画面其他同色区域
这些只是起点;不同图片、显示器和光线环境需要不同数值。

换色工具能做什么,也不能做什么

换色工具按颜色特征匹配像素,可以设置原颜色、目标颜色、相近颜色范围、过渡柔和度,并选择是否保留原有明暗。支持系统取色器的浏览器可直接取色,也可以通过颜色控件或 HEX 值指定颜色。

  • 先从较小的相近颜色范围开始。 范围过大会把背景、肤色或反光一起改掉。
  • 需要保留材质时启用“保留原有明暗”。 它能保住原来的阴影与高光,避免换色后像一块平涂色。
  • 用颜色过渡柔化边缘。 数值过低可能形成硬边,过高则会把影响扩散到相邻颜色。
  • 它不是空间蒙版。 如果目标物体和其他区域颜色相同,仅靠容差无法保证只改目标物体;这类任务需要带选区或蒙版的专业工具。

四个常见错误

  1. 拿全局色相解决特定颜色问题。 它会同时改变肤色、背景和品牌色;需要替换一组相近颜色时应使用换色工具。
  2. 色相移动过大。 全局色相稍微移动就会明显改变画面,幅度过大通常只适合特殊效果。
  3. 同时猛拉饱和度与自然饱和度。 两种增强叠加后,高饱和区域很容易丢失层次。
  4. 换色范围开得过宽。 先缩小相近颜色范围,再逐步增加;每次都检查边缘和画面其他同色区域。

常见问题

可以在不上传图片的情况下在线调色吗?

可以。visdraw 通过 WebGL 等浏览器能力在本地完成色相、饱和度、自然饱和度和换色处理,图片不会作为编辑素材上传到服务器。

visdraw 能单独调整蓝色或橙色通道吗?

当前不能。颜色混合面板里的色相、饱和度与自然饱和度都是全局控制。需要处理一组相近颜色时请使用换色工具,但它同样不提供空间选区。

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

饱和度统一改变所有颜色的浓度;自然饱和度更侧重原本偏淡的颜色,并减弱对高饱和颜色和暖色肤色的影响。做整体润色时通常先试自然饱和度。

怎么只改一个物体的颜色?

使用换色工具指定原颜色与目标颜色,再从较小的相近颜色范围开始调整。如果画面其他位置存在相同颜色,它们也可能被改变,因为当前工具按颜色而不是按空间选区匹配。

同一套调色能用到一组照片上吗?

可以。把色相、饱和度、自然饱和度、白平衡等滤镜参数存成个人预设,逐张应用后再按每张照片的亮度与光线微调。

继续阅读