一、从“光”到“颜色体验”

当我们在设计软件里选一个 #FF6B4A，看上去好像是在“操作颜色本身”。但从生理学的角度看，你其实从来碰不到“颜色”，你能碰到的只有两件事：不同波长的光，以及眼睛和大脑对这些光的处理方式。

设计师日常遇到的许多疑惑——比如“这块红在手机上很刺眼，在电脑上又还好”、“暗色模式为什么一关灯就脏了”、“同一个绿色有人觉得很显眼，有人却说看不到重点”，其实本质都不是色值的问题，而是视觉生理机制和显示环境共同作用的结果。

所以这一篇，我们暂时不讲配色公式、不讲情绪，只回答一个问题：一束光，从进入眼球到被你“看作某种颜色”，中间究竟发生了什么？

当你理解了这条链路，再去看 RGB、色域、色差、色盲、暗色模式，就不再是“背规则”，而是知道它们在这条生理链路上各自卡在哪一步、为什么会出问题。你可以先在脑中记住一条非常粗略的流程线：

光源 → 物体表面反射 → 角膜 / 瞳孔 / 晶状体成像 → 视网膜感光细胞 → 视神经 → 大脑视觉皮层

其中真正“做颜色计算”的关键角色，是视锥细胞和大脑的解码方式，接下来我们就顺着这条线，从“光学结构”讲到“神经编码”，再拉回设计实践。

二、眼球的光学系统

2.1 光线是怎么被“摆好位置”的

如果把眼球想象成一台相机，那角膜就像固定镜头的前组玻璃，主要负责折射；瞳孔像光圈，控制进光量；晶状体则像一块可以变厚变薄的镜片，用来对焦。

当外界物体反射的光进入眼睛时，首先通过透明而弯曲的角膜，光线在这里发生第一次折射；接着穿过瞳孔——也就是黑洞一样的“开口”，瞳孔会在强光下缩小，在暗光中放大，保证视网膜既不过曝也不过暗。之后，晶状体再做精细的折射，把来自不同距离的光线调整到尽量聚焦在同一个平面上，这个平面就是视网膜。

这套结构对设计有什么启发？最直接的一点是：眼睛并不是屏幕像素点的“被动接收器”，它在进光量和焦距上都在主动调节。

当用户在极亮的环境（户外、强背光办公室）或极暗的环境（关灯躺床上）看你的界面时，瞳孔和晶状体都在不断“忙碌”，

这会直接影响到对比度感知、细节分辨率以及色彩饱和度的主观体验。所以同一套 UI，在不同环境里看起来差很多，并不奇怪。

2.2 色彩分辨力最强的一小块区域

视网膜并不是一张性质均匀的“幕布”。在正中央有一块非常关键的区域叫黄斑，黄斑中心的小坑叫中央凹。中央凹区域有几个特点：

1. 视锥细胞极度密集，几乎没有视杆细胞；
2. 空间分辨率和色彩分辨力都达到最高；
3. 我们阅读文字、看图标、识别按钮状态，几乎都依赖这块区域。

这意味着，只有落在中央凹附近的内容，用户才能真正看到细节与准确颜色；边缘视野更多只能提供“大概有块东西在那里”的信息。

对界面设计来说，这带来一个非常实用的思路：关键色彩信息要放在“会被中央视野扫到的地方”。例如：