科研图表无障碍工具包
Okabe-Ito 色盲友好色板，含精确的 HEX、RGB、CMYK 值，可一键复制为 CSS、matplotlib、R、JSON 等代码。点击任意色块即可复制其 HEX。全部在浏览器中生成——无需注册，不上传任何文件。
复制色板代码
okabe-ito.css
:root {
--oi-black: #000000;
--oi-orange: #E69F00;
--oi-sky-blue: #56B4E9;
--oi-bluish-green: #009E73;
--oi-yellow: #F0E442;
--oi-blue: #0072B2;
--oi-vermillion: #D55E00;
--oi-reddish-purple: #CC79A7;
}
| 名称 | HEX | RGB | CMYK |
|---|---|---|---|
| 黑色 | #000000 | 0, 0, 0 | 0, 0, 0, 100 |
| 橙色 | #E69F00 | 230, 159, 0 | 0, 50, 100, 0 |
| 天蓝 | #56B4E9 | 86, 180, 233 | 80, 0, 0, 0 |
| 蓝绿 | #009E73 | 0, 158, 115 | 97, 0, 75, 0 |
| 黄色 | #F0E442 | 240, 228, 66 | 10, 5, 90, 0 |
| 蓝色 | #0072B2 | 0, 114, 178 | 100, 50, 0, 0 |
| 朱红 | #D55E00 | 213, 94, 0 | 0, 80, 100, 0 |
| 紫红 | #CC79A7 | 204, 121, 167 | 10, 70, 0, 0 |
CMYK 值为 Okabe 与 Ito 本人发布的数据，转录自单一忠实复现（NYU Siegal Lab）；RGB 与 HEX 已由多个独立来源确认。若对印刷色彩有精确要求，请对照你的印刷流程再核验 CMYK。
关于 Okabe-Ito 色板
该色板由 Masataka Okabe 与 Kei Ito 为 Color Universal Design 创建。共 8 色（黑色加 7 种彩色），通过避开黄绿混淆区、变化明度与饱和度，经验性地保证在常见色觉缺陷下仍可区分。它是经验上色盲友好，而非数学上保证；Bang Wong 在 2011 年《Nature Methods》专栏中推广了其中 7 色子集，但并非原创者。
如何用好它
- 类别不超过四个时，优先用橙、天蓝、蓝、朱红——这组在色觉缺陷模拟下两两对比度最高。
- 不要只靠颜色：搭配不同线型、标记或纹理，让图在灰度打印下仍可分辨。
- 避免红绿同用；黄色不要用于细线和小字，它在白底上会消失。
常见问题
Okabe-Ito 色板可以免费使用吗？
可以。该色板作为 Color Universal Design 的一部分公开供使用，被众多科研样式指南采用。这里的下载文件可直接用到你的图表和代码中。
它真的色盲友好吗？
它经过经验设计，在绿色盲、红色盲和蓝色盲下都能保持可区分，是科研中最被广泛推荐的默认色板。但它不是数学上的保证，因此仍应避免只用颜色编码，并在色觉缺陷模拟器中测试你的图。
该下载哪种格式？
网页图表用 CSS，绘图代码用 matplotlib 或 R，导入其他工具用 CSV 或 JSON，需要现成色块条用 SVG。所有文件都包含同样这 8 个已验证颜色。
CMYK 值用于印刷可靠吗？
它们是 Okabe 与 Ito 本人发布的 CMYK 数据，但转录自单一复现，因此若对色彩要求严格，请对照你的印刷流程确认。RGB 与 HEX 值已由多个独立来源确认。
想要在图表中应用色盲友好配色的完整指南？
阅读 Okabe-Ito 参考指南