图像色相旋转 旋转图像中所有颜色的色相，实现创意的色彩变换效果。

What Is 图像色相旋转?

色相旋转工具通过指定的角度将图像中的所有颜色在色轮上进行旋转。在0或360度时，颜色保持不变。 在180度时，每种颜色都会转换为其补充对应色：红色变成青色，绿色变成洋红色，蓝色变成黄色。 该工具使用CSS的hue-rotate滤镜在画布上进行GPU加速处理。 视觉色轮渐变帮助您了解不同角度下颜色的映射关系。 这是一个适用于实验摄影和设计的强大创意工具。

Why Use 图像色相旋转?

• 支持 0-360 度全范围色调旋转，配备视觉色轮指南
• 预设按钮用于常见的旋转角度
• 使用 GPU 加速的 CSS 滤镜实现即时处理
• 创意颜色变化效果，适合独特的艺术作品

Common Use Cases

创意摄影

通过改变所有颜色的色调来创建超现实、异世界的颜色效果。

颜色变体

通过旋转色调生成设计的多种颜色变体。

波普艺术效果

使用相同图像但不同色调旋转创建波普艺术风格的网格。

无障碍测试

通过旋转色调来模拟颜色的感知差异。

Technical Guide

色相旋转使用CSS滤镜hue-rotate()通过Canvas 2D上下文的filter属性应用。 在drawImage之前设置ctx.filter = "hue-rotate(Ndeg)"，可以在渲染过程中应用变换。 滤镜在sRGB颜色空间中工作，通过将像素值转换为色相-饱和度-亮度表示，旋转色相组件，然后再转换回去。 这得到了现代浏览器的GPU加速。 无彩色的像素（灰色、黑色、白色）不受影响，因为它们没有色相组件。

Tips & Best Practices

• 1
  尝试 180 度以实现互补色反转 -- 一个醒目的效果
• 2
  灰色、黑色和白色不会改变，因为它们没有色调
• 3
  通过在 60 度间隔处保存相同图像来创建颜色板
• 4
  将其与饱和度调整结合使用以实现更受控的颜色变化

Related Tools

图像转灰度

将彩色图像转换为可调节强度的灰度（黑白）图像。

🖼️ Image Tools

图像棕色调滤镜

为您的图片添加温暖的棕色调滤镜，呈现出复古、老式照片的效果。

🖼️ Image Tools

图片亮度调整

通过调整图片的亮度，使其变得更亮或更暗。

🖼️ Image Tools

图像饱和度调整

调整图像的颜色饱和度，使颜色更加鲜艳或柔和。

🖼️ Image Tools

Frequently Asked Questions

Q 什么是色调旋转？

它按照指定的度数在色轮上移动每种颜色。180 度会产生互补色。

Q 为什么灰色/黑色/白色的像素不会改变？

这些是无彩色的 -- 它们没有色调成分。

Q 360 度是否与 0 相同？

是的，完整的 360 度旋转会将所有颜色恢复到原始值。

Q 我可以只对图像的一部分进行色调旋转吗？

此工具会旋转所有像素。在选择性旋转之前先裁剪目标区域。

Q 色调旋转是否影响图像质量？

否，画布滤镜产生准确的颜色变换，不会降低图像质量。

About This Tool

图像色相旋转 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.