Elysia Tools
导航
Design
调整颜色色相并创建色相变化版本
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
色相偏移器是一款专业的色彩调节工具，旨在帮助设计师和开发者通过旋转色轮轻松调整颜色色相，快速生成和谐的色彩方案或渐变序列。
背景
设计师需要为品牌主色（蓝色）寻找一组和谐的辅助色，用于界面中的次要按钮和图标。
问题
手动调整色相容易导致色彩不协调，且难以保持亮度一致。
如何使用
输入品牌主色 #4A90E2，选择“渐变（全色轮）”模式，设置步数为 5，并勾选“保持亮度值”。
baseColor: #4A90E2, adjustmentType: gradient, steps: 5, preserveValue: true结果
工具生成了 5 个亮度一致、色相均匀分布的蓝色系变体，完美适配 UI 设计需求。
背景
开发者正在构建一个深色模式的仪表盘，需要为高亮色寻找对应的互补色以增强对比度。
问题
需要快速获取精确的互补色，并确保其在深色背景下依然清晰可见。
如何使用
输入基础颜色，选择“自定义色相偏移”，设置偏移量为 180°，并勾选“包含互补色”。
baseColor: #4A90E2, adjustmentType: custom, adjustmentValue: 180, includeComplementary: true结果
成功获取了与基础色对比强烈的互补色，提升了界面的视觉层次感。
色相偏移是指在色轮上移动颜色的位置，从而改变颜色的基本属性（如将蓝色变为紫色或绿色）。
开启此选项后，工具会在调整色相的同时锁定颜色的明度，确保生成的颜色在视觉感知上具有一致的亮度。
在选择“渐变（全色轮）”模式时，您可以设置 2 到 20 步的渐变序列。
可以，选择“自定义色相偏移”模式，即可通过滑块在 0° 到 360° 之间精确控制旋转角度。
工具支持标准的十六进制（Hex）颜色输入，并能实时输出调整后的色彩结果。