为设计师准备的系统性色彩知识：从基础理论到实战应用，从无障碍规范到 CSS 工程实践。
定义品牌个性、理解色彩联想、建立主色与辅色结构，并在印刷与数字媒介中保持一致。
设计基础色轮、色彩和谐、冷暖对比、HSL 三维度——掌握这些基础，配色决策更快更自信。
无障碍设计理解 AA/AAA 标准、对比度比值计算方式，以及如何修复最常见的不达标情况。
印刷与生产PMS 编号、涂布与非涂布纸、潘通 vs CMYK vs RGB 的区别，以及何时该指定专色。
CSS 与开发用 CSS 自定义属性构建三层 Token 体系，实现深色模式切换与跨平台色彩一致性。
设计系统从任意基础色生成 50–950 色阶，理解明度曲线、饱和度补偿与色相偏移的原理。
色彩与情感红色制造紧迫、蓝色建立信任——了解色彩如何影响消费者决策，以及如何避免行业陈规。
色彩和谐互补、分裂互补、三角、四角配色的原理与比例控制——让高对比色彩组合为你所用。
交互式理论色相、明暗、冷暖、补色、同时、纯度与面积对比——通过交互演示掌握色彩理论核心。
交互式理论按冷暖与硬软两轴定位配色，找到与设计情感目标最匹配的方案。
交互式理论同一颜色在不同背景下会呈现不同感觉——理解色彩感知的基础规律。
配色搭配问十个设计师藏青该配什么，会得到十个都很有把握、却各不相同的答案。这是因为藏青的表现更像一个"近中性色"而非单一色相——它会吸收旁边那个颜色，让对方来定基调。
色彩与代码HEX 代码和 RGB 三元组只是同一个颜色的两种写法。下面讲清楚这层转换到底在做什么，以及设计师和开发者各自为什么用它。
印刷与生产RGB 和 CMYK 是为两种不同物理媒介——光和墨水——构建颜色的两种方式。选错模式，是设计稿"一印就变色"最常见的原因。
配色搭配让配色看起来"有设计"而不是"随便堆"的最快方法，是控制比例。60-30-10 法则就是最简单的那条公式。
CSS 与开发OKLCH 是现代设计系统正在迁移到的颜色格式。它看起来像 HSL，却修好了 HSL 最大的毛病：数值相等不代表看起来一样。下面讲它在实践中意味着什么。
工具与流程一张照片本身就藏着一套完成度很高的配色——你只需要把它提取出来。下面讲自动取色的原理，以及怎样把它的结果变成真正能用来设计的东西。
配色搭配单色方案用同一个色相，在多个亮度和饱和度层级上展开。它是最容易做出优雅感的方案——但只要漏掉一步，也最容易显得平淡。
无障碍对比度是文字与背景之间的亮度差。差距太小，一部分人就读不清。下面讲怎样正确检查，以及那些数字到底要求什么。
配色搭配鼠尾草绿总被当成一种"安全但无趣"的绿，这个评价只说对了一半。它确实安全，但并不无趣——前提是旁边的颜色得带点暖意。真正让鼠尾草绿显得平淡的，反而是纯白。
配色搭配如果说这几年真有一个"实至名归"的流行色，赤陶算一个——它是一种暖调的大地红橙，拍照上镜、刷在墙上也耐看，还奇怪地没有像大多数流行色那样最后显得过时。
配色搭配米色的"无聊"名声，其实有点冤枉它。米色本身没问题——温暖、平静、极好搭建。真正出问题的，几乎总是旁边搭的那个点缀色没选对，而不是米色本身。
网页与 UI好的网站配色不在于挑漂亮颜色——而在于分配角色。把结构搭对（一个基色、一组中性色、一个点缀），几乎任何颜色都能成立。下面是这套方法。
品牌设计最强的 logo 用一到两种颜色，而非一道彩虹。目标不是好看的组合——而是一个让人记得住、且你能在任何地方复现的颜色。下面教你怎么选。
配色搭配类似色是色相环上的"邻居"，也是通往平静、统一色板最快的路。难点在于：亮度一旦不变，和谐很容易滑向单调。
配色搭配三角配色用色相环上三个等距的色相，读起来鲜艳又平衡，但这个平衡只有在一个颜色主导另外两个时才成立。
配色搭配没人会问"红色配什么"就指望得到一个标准答案，因为谁都能想象砖红和消防车红有多不一样。粉色也该这样看：若有若无的藕粉和电光玫红严格说是同一个色相家族，但表现起来完全是两种颜色。
配色搭配每种颜色都有一个大家不约而同都会想到的搭档，芥末黄的那个是藏青。这个直觉没错，但只停在这一步，低估了这个颜色——它其实就是一种被调柔和的黄，柔和到几乎能跟任何颜色相处而不打架。
网页与 UI幻灯片有一个网页没有的问题：投影会冲淡颜色，而且房间可能很亮。演示配色必须从最后一排也看得清。下面是一套能扛住真实环境的简单方法。
色彩基础在颜料里，蓝加黄能调出绿色。但你得到的是哪种绿——以及能不能成立——取决于哪种蓝、哪种黄，以及你混的是颜料还是光。下面讲清楚全貌。
配色搭配有些颜色需要靠搭配才能显得高级，酒红不在此列——这种带棕调的深红，哪怕还没配任何搭档，看起来就已经很高级了。真正的风险，是选了一个把这份高级感拉垮的搭档。