色相偏移

在色阶的亮端和暗端施加不同的色相旋转——让色阶像官方 Tailwind 调色板一样，在两端自然地向邻近色相过渡

选色

锚点色度色阶名

偏移参数

预设

总偏移量 −20°

偏移曲线

偏移后色阶

点击色块复制 HEX

50100200300400 500600700800900950

与无偏移对比

原始（H 恒定）

色相偏移后

色相偏移曲线

各档位相对锚点的色相偏移量（°），参考线为 0

色相偏移工具使用说明

色相偏移工具，对颜色进行精细的色相、饱和度、明度偏移，生成色相旋转变体系列，适合品牌色延展、季节性变体和系列产品配色设计。每次调节色相、饱和度或明度，系统都会即时生成一整条变体序列，方便对比选出最合适的那一个。

常用于给同一品牌色做季节性变体，或者给一组产品线区分出彼此有关联又能识别差异的配色。

常见问题

色相偏移是做什么的？ 它旋转颜色的色相，同时让你微调饱和度和亮度，生成用于系列或品牌延展的相关变体。

为什么用色相偏移而不直接换颜色？ 偏移在变体之间保持受控关系，让一组图标或状态看起来是协调的家族，而非随机颜色。

色相偏移在设计里用来做什么？ 构建图标集、状态色、渐变色标，以及彼此有意关联的品牌色延展。