在线颜色色相偏移工具
沿色轮旋转指定角度偏移颜色色相，支持HEX、RGB、HSV和HSL联动编辑，将图像中所有或特定颜色的色相在色环上整体旋转固定角度，实现全局色调风格化转换或局部色彩精准替换，同时保…
开始使用
在线颜色色相偏移工具说明
本工具用于在保持颜色饱和度和亮度基本不变的前提下，让颜色沿色轮旋转指定角度，快速生成新的色相。
使用方法：在线颜色色相偏移工具
- 通过二维色板与色相条选择原色，也可以直接填写 HEX、RGB、HSV 或 HSL。
- 设置色相差值：正值沿色轮向前旋转，负值沿相反方向旋转。
- 点击“偏移色相”，生成偏移后的颜色。
- 结果面板支持手工修改各颜色参数；各格式会实时联动。
- 点击“复制全部”复制原色、偏移角度和结果，点击“清空”恢复默认值。
工具作用
- 在不明显改变明暗与鲜艳程度的情况下替换颜色倾向。
- 快速探索同一视觉层级的不同色相版本。
- 输出 HEX、RGB、HSV、HSL，便于设计与前端开发直接使用。
计算原理
先把原色转换为 HSL，然后计算：H′ = (H + ΔH) mod 360°。饱和度 S 和亮度 L 保持不变，再将结果转换为其他颜色格式。
应用场景
- 界面主题：快速制作按钮、标签和主题色的不同色相版本。
- 品牌配色：探索品牌主色在色轮上的替代方案和活动配色。
- 图像与插画：统一调整物体的颜色倾向，比较不同氛围。
- 状态设计：生成悬停、选中、分类或系列颜色。
- 数据可视化：为多组数据建立明暗一致、色相不同的区分色。
- 创意设计：试验季节、节日与情绪化配色变化。
隐私说明
所有颜色计算均在浏览器本地完成，不会上传您的输入数据。
具体示例
假设您有一个品牌主色 #3b82f6（蓝色），希望生成一个色相偏移60度的变体。在工具中输入HEX值 #3b82f6，设置色相差值为60度，点击“偏移色相”。结果将显示偏移后的颜色，其HEX值约为 #f63b82（粉红色），同时显示对应的RGB、HSV和HSL值。您可以将此结果用于设计中的强调色或状态色。
常见问题
为什么偏移后的颜色与预期略有差异？
HEX和RGB使用整数通道（0-255），而HSL和HSV在转换过程中可能涉及舍入，导致来回转换时出现1个单位的偏差。这是正常现象，不影响视觉上的准确性。
色相偏移对灰色或黑白颜色有效吗？
灰色、白色和黑色的饱和度极低或为零，其色相在HSL/HSV模型中未定义或没有视觉意义。因此，对这些颜色进行色相偏移通常不会产生可见变化。如果您需要调整灰色调，请考虑调整饱和度或亮度。
上传的图片会发送到服务器吗？
不会。本工具的所有颜色计算和图像采样均在浏览器本地完成，您的图片数据不会上传到任何服务器，请放心使用。
此工具无需安装，所有处理均在当前浏览器本地完成，不会上传输入内容或本地文件。