色相（Hue）：描述颜色在色相环上的位置，以度数（0°-360°）表示。0°和360°为红色，120°为绿色，240°为蓝色。色相决定了颜色是"什么颜色"。

饱和度（Saturation）：描述颜色的纯度或鲜艳程度，范围0%-100%。0%为完全灰色（无色彩），100%为最鲜艳纯净的颜色。

亮度（Lightness）：描述颜色的明暗程度，范围0%-100%。0%为纯黑，100%为纯白，50%为正常亮度。

按色相排序可以将颜色按照彩虹光谱排列（红→橙→黄→绿→青→蓝→紫），这在以下场景中非常有用：

• 创建平滑的彩虹渐变色
• 数据可视化中的分类配色
• 整理设计系统中的颜色令牌
• 识别调色板中的色彩分布是否均匀

HSL（色相-饱和度-亮度）和HSV（色相-饱和度-明度）都是颜色的表示方式，但计算方式不同：

• HSL的亮度（Lightness）：纯白=100%，纯色=50%，纯黑=0%。亮度50%时颜色最鲜艳。
• HSV的明度（Value）：纯白=100%，纯色=100%，纯黑=0%。明度100%时颜色最鲜艳。

本工具使用HSL模型，因为它更符合人类对颜色明暗的直观感知。

灰度颜色（白、黑、灰）的饱和度为0%，此时色相在数学上没有定义（通常被赋值为0°）。如果将它们与有彩色混合排序，它们会全部聚集在红色位置。为获得更好的排序效果，本工具会自动识别低饱和度颜色（S < 3%），将它们单独分组并按亮度排列，放置在排序结果的末尾。

本工具支持多种常见颜色格式：

• HEX：#ff6b6b、#4ecdc4、#f00（短格式自动扩展）
• RGB：rgb(255, 107, 107)、rgba(78, 205, 196, 0.8)
• HSL：hsl(0, 100%, 71%)、hsla(280, 80%, 60%, 1)

也可以使用颜色选择器直接选取颜色，或批量粘贴多行颜色值。

创建和谐渐变色的技巧：

• 在色相环上选择相邻的颜色（色相差在60°以内），创建平滑过渡
• 保持相似的饱和度和亮度，避免跳跃感
• 使用本工具按色相排序后，可以直观看到颜色在光谱上的分布
• 尝试2-5个颜色的渐变，过多的颜色可能导致渐变显得杂乱