颜色排序
颜色
读取任何由空白或换行分隔的 hex 颜色列表(含或不含 #,3 位或 6 位均可),去重并按所选标准排序。近灰度条目(饱和度低于 5%)会从色相排序中抽出并集中到开头,按明度排列,避免在彩虹中随机散落。每行显示色块、hex 值与基础 HSL。
—
排序依据
方向
颜色数: 11
- #ef4444h 0° · s 84% · l 60%
- #f97316h 25° · s 95% · l 53%
- #eab308h 45° · s 93% · l 47%
- #22c55eh 142° · s 71% · l 45%
- #14b8a6h 173° · s 80% · l 40%
- #f8fafch 210° · s 40% · l 98%
- #64748bh 215° · s 16% · l 47%
- #3b82f6h 217° · s 91% · l 60%
- #0f172ah 222° · s 47% · l 11%
- #8b5cf6h 258° · s 90% · l 66%
- #ec4899h 330° · s 81% · l 60%
去除重复。近灰(S < 5%)会浮到色相排序最前,并按明度排列。
使用方法
- 粘贴 hex 颜色 — 每行一个、逗号分隔,或任意混合皆可。
- 选择按哪个轴排序以及升序或降序。
- 把排序后的列表复制出去。
常见问题
- 按色相排序时为何灰色排在前面?
- 纯灰色(饱和度 = 0)的色相未定义,近灰色亦不稳定。把低饱和度颜色集中到开头并按明度排序,比让它们落在任意色相位置更可预测。
- 色相 vs 亮度排序,该用哪个?
- 色相按颜色族分组(所有红,然后橙、黄……)。亮度则按人眼用 Rec. 709 加权的感知亮度排序 — 用对比把颜色叠在深/浅背景上时更合适。