图片HSL调整

在线调整图片 HSL 三通道:色相(0-360度)、饱和度(-100~100)、亮度(-100~100)独立调节。采用标准 RGB↔HSL 色彩空间转换,专业级色彩控制,滑块实时预览,所有处理在浏览器本地完成,绝不上传。

拖拽图片到此处,或
支持 PNG / JPG / WebP / BMP / GIF 等格式

关于 图片HSL调整 工具

图片HSL调整工具帮助你在线对图片进行专业的色彩控制。HSL(Hue/Saturation/Lightness,色相/饱和度/亮度)是一种符合人眼直觉的色彩模型,三个通道分别控制颜色种类、颜色浓淡和明暗程度。本工具支持色相 0-360 度旋转、饱和度 -100~100 调节、亮度 -100~100 调节,三个通道独立调节互不影响,可以叠加效果。采用标准 RGB↔HSL 色彩空间转换算法,滑块实时预览,适用于专业修图、色彩校正、风格化创作等场景。

什么是 HSL 色彩模型?

HSL 是 Hue(色相)、Saturation(饱和度)、Lightness(亮度)三个英文单词的首字母缩写。色相用角度(0-360度)表示颜色种类,饱和度用百分比表示颜色浓淡,亮度用百分比表示明暗。HSL 模型更符合人眼对颜色的直觉理解,是图像处理软件(如 Photoshop)中常用的色彩调节方式。

HSL 三个通道的含义

HSL 三通道分别控制色彩的不同维度。

通道含义参数范围作用
H(色相)颜色种类0-360°改变颜色(红/绿/蓝等)
S(饱和度)颜色浓淡-100~100增减色彩鲜艳度
L(亮度)明暗程度-100~100提亮或压暗

HSL 与 HSV 的区别

HSL 和 HSV 都是基于色相的色彩模型,但亮度的定义不同。

对比项HSLHSV
亮度定义从黑到纯色到白从黑到纯色
L/V=100%纯白纯色
L/V=50%纯色
常用场景图像处理图形设计取色器
符合直觉较是

什么时候需要调整图片HSL

以下场景通常需要调整图片HSL:

  • 专业修图:对照片进行精细的色彩校正和调节。
  • 色彩校正:修正偏色照片,让色彩还原准确。
  • 风格化创作:制作特定色调的艺术风格图片。
  • 色相替换:将某种颜色替换为另一种颜色。
  • 饱和度调节:提升或降低色彩鲜艳度。
  • 明暗控制:提亮或压暗整图。
  • 多通道叠加:同时调节色相、饱和度、亮度,达到复合效果。

如何使用 图片HSL调整 工具

使用本工具调整图片HSL非常简单,只需几步:

  1. 将图片拖入上方虚线框,或点击框选择文件。
  2. 拖动「色相」滑块(0-360度),改变颜色种类。
  3. 拖动「饱和度」(-100~100)和「亮度」(-100~100)滑块,调节色彩浓淡和明暗。
  4. 点击「下载图片」按钮保存调整后的图片(PNG无损格式)。

整个过程不需要安装任何软件,也不需要注册账号,完全免费。

工具特点

  • 三通道独立:色相、饱和度、亮度三通道独立调节,互不影响。
  • 标准算法:采用标准 RGB↔HSL 色彩空间转换,效果精确。
  • 实时预览:滑块拖动即可实时查看效果,所见即所得。
  • 免费无限制:不限制文件大小与次数,无需注册,无水印。
  • 完全本地处理:所有处理在你的浏览器中完成,文件不会上传到服务器。
  • 无损输出:默认输出 PNG 格式,不损失画质。

常见问题

  • HSL和HSV有什么区别?HSL 的 L(亮度)从黑到白经过纯色;HSV 的 V(明度)从黑到纯色。HSL 更符合人对颜色的直觉理解,常用于图像处理;HSV 更常用于图形设计软件的取色器。
  • 可以同时调整三个通道吗?可以。本工具支持色相、饱和度、亮度三通道同时独立调节,三个滑块互不影响,可以叠加效果。
  • 文件会被上传到服务器吗?不会。本工具100%在浏览器本地运行,处理完成即销毁,安全无忧。
  • 支持哪些图片格式?支持PNG、JPG、WebP、BMP、GIF等浏览器可解码的图片格式,输出默认为PNG无损格式。
  • 需要安装软件吗?不需要,打开网页即可使用。