配色色盲冲突检查器
WCAG 对比度回答不了这个问题：两个颜色可以各自都通过对比度检查，却在色盲者眼里变成同一个颜色。把你的配色粘进来，看哪两个会撞车 —— 以及撞得有多厉害。
你的配色
或者粘贴 CSS / Tailwind / JSON / 一列 hex
红绿色觉（约每 12 位男性 1 位）
冲突2 处冲突 · 1 处风险 · 共 6 对
蓝黄色觉（约 1/10,000）
风险
红绿与蓝黄分开评定，是刻意的。把两者平均成一个分数，会让 Okabe-Ito 这类专为红绿设计的金标准配色显示为「不合格」—— 它在红绿下零冲突，只是在约 1/10,000 的蓝黄型下有一对接近。罕见类型不应推翻常见类型的结论，但也不该被隐藏。
这是一次测量，不是一张合格证
模拟使用 Machado 2009（红绿型）与 Brettel 1997（蓝黄型），色差用 CIEDE2000 在 CIE Lab 空间计算 —— 算法明确写出来，是因为许多在线工具不说自己用了什么。 但同一诊断下，不同人的实际辨色能力差别很大：两位红色盲可能对同一组颜色给出相反的判断。 因此本页给的是可核对的数值与风险提示，不是「色觉安全认证」。重要的设计，请让真实用户看一眼。
逐对冲突矩阵
点击任一格，查看色盲者眼中这两个颜色的实际样子。
| — | ||||
| — | ||||
| — | ||||
| — |
格子里是 ΔE2000 色差（红绿型下最差值）。小于 10 视为冲突，小于 20 视为有风险。
分享这次检查
链接里带着这组颜色，别人打开就能看到同样的结果。
导出
:root {
--color-1: #1f77b4;
--color-2: #ff7f0e;
--color-3: #2ca02c;
--color-4: #d62728;
}载入一套权威色觉安全配色
每套都注明出处、作者与许可。点击即可载入并检查。
Okabe-Ito（色觉通用设计）
Masataka Okabe (Jikei Medical School) & Kei Ito (University of Tokyo) · 2002, revised 2008
科研图表色觉安全配色的事实标准。两位作者本身都是重度红色盲，是从亲身经验而非纯理论出发设计的 —— 这也是它经得起检验的原因：全部 28 个配对在红绿型下零冲突。
一手来源 · 无正式许可协议。作者只要求署名：「欢迎自由用于课程与演讲（但请不要忘记注明 Masataka Okabe 和 Kei Ito）。」
Paul Tol 明亮配色
Paul Tol (SRON Netherlands Institute for Space Research) · 2021 (technical note issue 3.2)
7 种饱和色，用于折线图和分类数据，针对红绿色觉缺陷设计。其中的灰色专门保留给「坏数据／缺失值」，它本身带有含义 —— 不要把它当作普通分类使用。
一手来源 · BSD 3-Clause（声明于作者的 tol_colors.py 中）
Paul Tol 柔和配色
Paul Tol (SRON Netherlands Institute for Space Research) · 2021 (technical note issue 3.2)
9 种低饱和度颜色 —— 本页定性配色中最大的一套，且仍能干净通过红绿色觉检验。当 7 色不够、你又准备去用不安全配色时，先考虑它。
一手来源 · BSD 3-Clause（声明于作者的 tol_colors.py 中）
Paul Tol 高对比配色
Paul Tol (SRON Netherlands Institute for Space Research) · 2021 (technical note issue 3.2)
3 种颜色，既能通过色觉检验，也能在黑白打印后保持可区分 —— 是本页唯一在所有维度（含全色盲）都判定为安全的配色。图表可能被复印时就用它。
一手来源 · BSD 3-Clause（声明于作者的 tol_colors.py 中）
ColorBrewer Dark2（3 色）
Cynthia A. Brewer & Mark Harrower, The Pennsylvania State University · 2002
这里刻意只列 3 色。ColorBrewer 官方**仅在 3 色时**把 Dark2 标为色觉安全 —— 我们的分析独立得出同样结论：3 色时零冲突，完整 8 色版本有 6 处冲突。安全的是这个配色方案，不是它的 8 色版。
一手来源 · Apache 式许可。**必须**署名，且不得使用 ColorBrewer 名义为衍生产品背书或宣传。
ColorBrewer Set2（3 色）
Cynthia A. Brewer & Mark Harrower, The Pennsylvania State University · 2002
Dark2 的柔和替代版，同样受 3 色上限约束。ColorBrewer 的 8 套定性配色中只有 3 套曾被标为色觉安全，且从未超过 4 色。
一手来源 · Apache 式许可。**必须**署名，且不得使用 ColorBrewer 名义为衍生产品背书或宣传。
Cividis 连续色阶
Jamie R. Nuñez, Christopher R. Anderton & Ryan S. Renslow (PNNL) · 2018
专门针对色觉缺陷优化的连续色阶（PLOS ONE 13(7): e0199239），目标是让绿色弱者与色觉正常者读出几乎相同的信息。与 viridis 不同 —— viridis 作者只声称它「对色盲相对友好」—— cividis 是真正为此设计的。
一手来源 · CC0 公有领域
Viridis 连续色阶
Nathaniel J. Smith, Stefan van der Walt & Eric Firing · 2015
感知均匀且亮度单调递增，因此黑白打印后依然可读。作者的原话是「对常见色盲形式相对友好」—— 这比「色觉安全」要弱，值得如实转述。需要真正为色觉缺陷优化的色阶，请用 cividis。
一手来源 · CC0 公有领域
署名声明
This product includes color specifications and designs developed by Cynthia Brewer (http://colorbrewer.org/).