16，777，216种颜色不是玄学：Figma用一个色环讲透屏幕世界

大多数人每天都在用颜色，却很少有人真正理解：为什么屏幕能显示1677万种颜色？为什么红配青会变成白？Figma 用一个看似基础的色环操作，把「颜色=数学+工程」这件事讲得异常清楚，而且对做 AI 的人，格外重要。

你以为的颜色直觉，其实是被十六进制“骗”出来的

视频一开始就点破一个常被忽略的事实：我们在设计工具、代码和模型里看到的颜色，本质上不是“感觉”，而是六个十六进制字符的组合。Hex 颜色不是随便定的，#RRGGBB 里每两个字符，都是一个从 00 到 FF 的“颜料桶”。这不是 0 到 100 的百分比，而是 0 到 255 的离散刻度。

关键在这里：当你看到 80，并不是“80% 红色”，而是 128 这个精确数值的一种写法。FF 代表 255，是这个通道的满格；00 代表完全没有。三个通道一组合，理论上就是 256³，也就是 16，777，216 种可能颜色。

这不是冷知识，而是理解一切屏幕视觉系统的底层共识。无论你在调 UI 颜色、生成图像，还是训练一个视觉模型，模型看到的世界从来不是“红一点、绿一点”，而是精确的数值张量。很多人觉得颜色是“审美问题”，其实第一步是数学问题。

为什么红+绿=黄？屏幕颜色和现实世界正好相反

视频里最反直觉、也最值得 AI 从业者记住的一点，是“加色模型”。在屏幕上，颜色不是混颜料，而是加光。红光和绿光叠加，不会变脏，而是直接变成黄；红和蓝叠加，是洋红；蓝和绿叠加，是青。

当红、绿、蓝三个通道同时拉满，结果不是“五彩斑斓”，而是纯白，对应的 hex 就是 #FFFFFF。这个逻辑决定了屏幕色彩的全部行为方式，也解释了为什么存在所谓的“对立色”：红的对立面是青，绿的对立面是洋红，蓝的对立面是黄。它们加在一起，正好补齐缺失的通道，回到白色。

这件事对 AI 很重要。无论是 Diffusion 还是 GAN，本质都在学习这种通道叠加关系。很多调参失败、色偏、发灰的问题，根源不是模型不行，而是你对“加色世界”的直觉还停留在现实颜料层面。

一个 Figma 色环操作，暴露了设计与计算的共同语言

视频后半段，Miggi 在 Figma 里用一个非常工程化的方法做色环：画圆、切成 donut、用 Angular Gradient，然后按 RGB 的逻辑把红、黄、绿、青、蓝、洋红依次排开。最妙的是，双击渐变点，颜色会自动均匀分布。

这一步不是“设计技巧”，而是一次视觉化的数学演示：色相其实就是在 RGB 空间里按角度走一圈。你看到的平滑过渡，本质是数值在连续变化。色环不是艺术家发明的，而是工程师为了理解颜色空间做出来的。

对 AI 从业者来说，这是一个非常好的隐喻：好的工具，会把复杂的底层规则，压缩成一个你能直观看懂的界面。Figma 的这个色环，就像是把三维张量投影成二维，让你一眼看到结构，而不是被参数淹没。

总结

这支视频表面在讲颜色，实际上在提醒一件事：我们每天处理的“感性内容”，背后几乎都有极其理性的结构。对 AI 从业者来说，理解颜色的十六进制、本质的加色模型、以及色环背后的空间逻辑，不只是为了设计更好看的界面，而是为了更清楚地知道模型到底在“看”什么。

一个可执行的建议是：下次遇到视觉相关问题，不要先调感觉，先回到数值和空间结构。颜色如此，Embedding、Latent Space 也是如此。真正显得懂行的人，往往不是审美最好的人，而是最清楚底层规则的人。

关键词： 十六进制颜色， RGB加色模型， Figma色环， 颜色空间， AI视觉

事实核查备注： 需要核查的关键事实：1）Hex 颜色由 6 位组成，范围 00-FF；2）256^3 ≈ 16，777，216 种颜色；3）屏幕使用加色模型（RGB）；4）视频发布时间为 2024-01-16；5）视频作者为 Figma Config 的 Miggi