在 HSL 色彩模型中,当颜色接近亮度光谱的极端时,会发生一个有趣的现象:饱和度的感知效果会随着亮度远离中等值而减弱。具体来说,相同的饱和度在 50% 亮度时显得色彩更为鲜艳,而在 90% 亮度时则显得较为暗淡。

为了在整个色调范围内保持一致的色彩活力,需要进行补偿:随着亮度远离中值,饱和度值必须逐步提高。否则,较亮和较暗的变化将不可避免地显得色彩稀释。

虽然这些调整看似微小,但累积起来会产生显著效果,尤其是在大面积界面元素中,颜色占据了大量视觉空间时。
这就提出了一个有趣的挑战:当处理已经达到最大饱和度的颜色时,如何增强色彩强度?当饱和度已经达到 100% 的上限时,又该如何应对?
利用感知亮度差异
看看这两个色彩样本——哪个看起来更亮?

黄色显然更亮,对吧?然而,令人惊讶的是,这两种颜色在 HSL 模型中具有相同的“亮度”数值:

这种感知差异源于人类视觉处理的一个基本原则:每种色调都有独特的感知亮度,与其技术亮度值无关——这种现象植根于人类视觉系统中色彩感知的神经生理学。
可以通过一个加权算法量化这种感知亮度,该算法考虑了人类光感受器对不同波长的敏感性差异:

分析色彩光谱中等距的样本——每个样本具有相同的饱和度(100%)和亮度(50%)参数——揭示了色调维度中感知亮度的显著变化:

正如预期的那样,黄色表现出显著高于蓝色的感知亮度。然而,分布模式并不是简单的线性进展,而是揭示了一个复杂的地形,具有三个不同的局部最小值(红色、绿色和蓝色)和三个相应的最大值(黄色、青色和品红色),在色彩光谱中形成了一个三峰分布的感知亮度。
通过色相旋转调节亮度
这种感知现象不仅在理论上有意义,还为复杂的界面设计提供了深刻的实际应用。对这些原则的战略性操控可以显著提升视觉系统的色彩复杂性。
传统上,亮度调整仅依赖于修改 HSL 模型中的 亮度 参数:

虽然在基本亮度调整中功能有效,但这种单维方法不可避免地损害了色彩强度——结果颜色逐渐趋向于无色极端(白色或黑色),而不是在简单调节表观亮度的同时保持其基本的色彩特征。

色调光谱中的感知亮度差异提供了一种替代方法:在色相维度内的战略性角度旋转可以有效调节感知亮度,同时保持色彩饱和度。
为了增强感知亮度,将色相参数旋转到最近的亮度峰值——具体为色彩圆上的 60°(黄色)、180°(青色)或 300°(品红色)。

相反,为了降低感知亮度,旋转到最近的亮度谷值——具体为色彩圆上的 0°(红色)、120°(绿色)或 240°(蓝色)。

这种技术在构建固有亮度色调(如黄色)的色调渐变时尤为有价值。通过系统地向橙色(减少色相角度)移动,随着亮度降低,生成的较暗变体保持丰富的色彩活力,而不是退化为泥泞、去饱和的棕色:

最佳结果通常来自于混合方法——战略性地结合两种技术以实现精确的感知效果,从色相旋转中获得部分亮度调节,并通过直接的亮度操控进行补充调整。

这种多维方法在亮度调整过程中提供了对色彩强度的更好保留,但谨慎应用仍然至关重要。将色相旋转限制在大约 20-30 度以内,以保持感知连续性;过度旋转会超出亮度变化的感知阈值,导致色调的显著变化。
会员专享
余下内容仅对会员开放。
会员可读完整内容 —— 每一个公开发布的观点背后,那些框架、决策与推理的全貌。
- —完整文章,包含未公开存档的部分
- —可落地的工作框架,附带权衡与决策依据
- —新文章抢先看,先于公开发布
随时取消 · 一次订阅,畅读全部