F5.09.2Lightness range设计
每个色相需覆盖完整明度范围
别名: 色相明度覆盖 · 50 到 900 · hue family
概念解释
蓝只有 400、500、600 三档中明度。浅底上的淡蓝提示条没有色可取,深底上的蓝按钮也没有够亮的字色,最后有人用灰色去凑。一个色相要能当洗底、当填充、当文字,就必须从很浅到很深都有成员——缺的不是「再多几个差不多的蓝」,而是明度两头。
机制
同一色相在界面里至少要演三种角色:大面积浅底(高 L*、低 C)、中等填充(中 L*)、深底或深字(低 L*)。色相家族如果只覆盖中间一段,浅底会被迫借用别的色相或中性色,深字会借用灰,于是「这是蓝色的信息条」在浅色主题里还成立,在深色主题或反白按钮上就碎掉。
有的色相天生难两头都鲜:纯黄在低 L* 会变褐,纯蓝在高 L* 会发灰。覆盖「完整明度」不是每档都保持同样鲜艳,而是每档仍能被命名为这个色相,哪怕两端的 C 必须下降。缺浅端,洗底会脏;缺深端,字和描边会软。
边界
- 强调色可以故意只有中高明度的两三档,因为它不承担正文和大面积底。缺两头是角色决定的,要写明,不能默认为「蓝也这样」。
- 印刷专色、品牌锁色往往只有一枚;完整明度范围要靠衍生中性或透明叠色来补,而不是声称品牌黄能当深色正文。
- 色域裁切会吃掉高 C 的浅档或深档,P3 上齐全的家族在 sRGB 里可能缺头。
怎么落地
- 每个要当「可主题化色相」的家族,列出浅洗、中填、深字三张用例,缺哪张就补哪头,不要在中段再插一档 450。
- 黄、橙的深档允许偏褐,只要命名任务里仍叫黄 / 橙,而不是改用灰字冒充。
- 深色主题用家族的浅档做字、深档做底;浅色主题反过来。两头都缺的家族禁止进入主题。
- 验证办法:用这一色相各做一条浅底深字、一条深底浅字;有一条做不出,家族就还没覆盖完整明度。