🌈 图片色相调整（HSL / OKLCH）Adjust Image Hue (HSL / OKLCH)
旋转图片的色相（−180° 到 180°），同时可调饱和度和明度：HSL 方式与常见修图软件的“色相/饱和度”一致，OKLCH 方式按人眼感知旋转颜色、亮度保持不变，换色后不会忽明忽暗。灰色和黑白部分不受影响，透明背景保持不变，支持批量，图片只在浏览器本地处理。Rotate the hue of an image from −180° to 180° and adjust saturation and lightness too. HSL works like the Hue/Saturation tool in common photo editors, while OKLCH rotates colours perceptually so brightness stays the same after the shift. Greys stay grey, transparency is kept, it works in bulk, and images are processed locally in your browser.
使用说明与常见问题How-to & FAQ
「图片色相调整（HSL / OKLCH）」是什么？What is the Adjust Image Hue (HSL / OKLCH) tool?
旋转图片的色相（−180° 到 180°），同时可调饱和度和明度：HSL 方式与常见修图软件的“色相/饱和度”一致，OKLCH 方式按人眼感知旋转颜色、亮度保持不变，换色后不会忽明忽暗。灰色和黑白部分不受影响，透明背景保持不变，支持批量，图片只在浏览器本地处理。Rotate the hue of an image from −180° to 180° and adjust saturation and lightness too. HSL works like the Hue/Saturation tool in common photo editors, while OKLCH rotates colours perceptually so brightness stays the same after the shift. Greys stay grey, transparency is kept, it works in bulk, and images are processed locally in your browser.
如何使用「图片色相调整（HSL / OKLCH）」？How do I use the Adjust Image Hue (HSL / OKLCH) tool?
在「图片色相调整（HSL / OKLCH）」中，选择或拖入文件，按需设置「色相」、「饱和度」、「明度」、「方式」、「输出格式」等选项，然后点击每个结果旁的「下载」按钮即可；有多个文件时也可以点「全部下载（ZIP）」一次打包下载。In the Adjust Image Hue (HSL / OKLCH): Choose or drop your files, set "Hue", "Saturation", "Lightness", "Method", "Format", then click the Download button next to each result (with several files, "Download all (ZIP)" saves them together).
HSL 和 OKLCH 有什么区别？What is the difference between HSL and OKLCH?
HSL 是最常见的方式，和 Photoshop、GIMP 等软件的“色相/饱和度”效果接近，但它不考虑人眼对不同颜色亮度的感受：例如把黄色转成蓝色后会明显变暗。OKLCH 基于 Oklab 感知色彩空间，只旋转色相、保持感知亮度和彩度，换色后整体明暗更一致，适合给产品图、插画换颜色；超出屏幕色域的颜色会自动降低彩度而不是硬截断。HSL is the most common method and is close to the Hue/Saturation tools in Photoshop or GIMP, but it ignores how bright different colours look to us — turning yellow into blue, for example, makes it much darker. OKLCH is based on the perceptual Oklab colour space: it rotates only the hue and keeps perceived lightness and chroma, so the result has much more even brightness — good for recolouring product shots or illustrations. Colours that fall outside the screen gamut have their chroma reduced instead of being clipped harshly.
色相角度是怎么算的？How does the hue angle work?
色相是一个 360° 的色环：红 0°、黄约 60°、绿 120°、青 180°、蓝 240°、品红 300°。+120° 会把红色变成绿色、绿色变成蓝色；−180° 和 +180° 效果相同，都是变成互补色。黑、白、灰没有色相，不会改变。Hue is a 360° colour wheel: red 0°, yellow about 60°, green 120°, cyan 180°, blue 240° and magenta 300°. +120° turns red into green and green into blue; −180° and +180° are the same, giving the complementary colour. Black, white and greys have no hue and don't change.
饱和度和明度怎么调？How do Saturation and Lightness work?
饱和度 −100 会变成黑白，正值让颜色更鲜艳；明度正值把颜色往白色推，负值往黑色推，+100 为全白、−100 为全黑。只想换颜色时保持 0 即可。Saturation −100 gives black and white and positive values make colours more vivid. Positive Lightness pushes colours towards white and negative towards black (+100 is all white, −100 all black). Leave both at 0 to change only the hue.
支持哪些图片？会上传吗？Which images work, and are they uploaded?
支持 JPG、PNG、WebP、GIF（静态或动图的第一帧）、BMP、AVIF、HEIC，以及浏览器能打开的 SVG；可一次拖入最多 50 张批量处理，单张最大 60 MB、1 亿像素；多张结果可打包成 ZIP 下载。所有处理都在你的浏览器里完成，图片不会上传，结果中也不会保留 EXIF 等元数据（包括拍摄位置）。JPG, PNG, WebP, GIF (a still or the first frame of an animation), BMP, AVIF, HEIC, and SVG that the browser can open. Drop in up to 50 images at once; each can be up to 60 MB and 100 megapixels, and several results can be downloaded as a ZIP. Everything happens in your browser: images are not uploaded, and EXIF and other metadata (including location) is not kept in the results.
「图片色相调整（HSL / OKLCH）」免费吗？需要注册吗？Is the Adjust Image Hue (HSL / OKLCH) free? Do I need an account?
「图片色相调整（HSL / OKLCH）」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Adjust Image Hue (HSL / OKLCH) is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.