色は科学的コミュニケーションにおいて最も強力なツールのひとつであり、同時に最も誤用されやすいものでもあります。北欧系男性の約 8 %、女性の約 0.5 % には何らかの色覚特性(Color Vision Deficiency、CVD)があります。世界規模の研究者コミュニティでは、論文の査読者・委員・編集者の 10 人に 1 人が、あなたが丁寧に選んだ赤と緑を区別できない可能性があります。
色覚バリアフリーな配色を選ぶことは、単なるアクセシビリティへの配慮ではなく、厳密な科学コミュニケーションの一部です。本ガイドでは、多くの研究者が選ぶゴールドスタンダード「Okabe-Ito パレット」を出発点に、正しい選択に必要なすべての情報を提供します。
本記事で学べること:
- Okabe-Ito 8色パレットの完全な HEX(および RGB)コード
- これらの色が三大 CVD タイプに対して数学的に安全な理由
- 折れ線グラフ・棒グラフ・散布図・多パネル図への実践的な適用ルール
- 代替の色覚バリアフリーパレットと使い分けの基準
- 投稿前に CVD 安全性を確認できる無料ツール
Okabe-Ito パレットとは?
このパレットは、2008 年に岡部正(Masataka Okabe)と伊藤啓(Kei Ito)が日本の NPO「カラーユニバーサルデザイン機構(CUDO)」から発行したガイド "Color Universal Design (CUD)" で提案されました。目標は、最も多い三種類の CVD の下でも識別可能な、少数かつ実用的な色のセットを作ることでした:
- 2 型色覚(Deuteranopia / Deuteranomaly) — 緑への感度が低い(男性に最多)
- 1 型色覚(Protanopia / Protanomaly) — 赤への感度が低い
- 3 型色覚(Tritanopia / Tritanomaly) — 青への感度が低い(稀、約 0.003 %)
このパレットは、各 CVD 条件で典型的に生じる錐体応答のシフト後も分離可能な LMS 錐体応答空間の領域に色を分散させることで安全性を実現しています。実際の見た目は Matplotlib や ggplot2 のデフォルト配色より彩度が控えめですが、それは意図的な設計です。
Okabe-Ito 8色パレット — 正確な HEX コード
以下の表に 8色の正規 HEX 値・RGB トリプレット・推奨用途を示します。この HEX 値は CUDO 原典文書の値と一致しており、主要な科学スタイルガイド(7色サブセットを普及させた Wong 2011 Nature Methods カラーガイドを含む)で同一の値として再現されています。
| # | 名称 | HEX | R | G | B | 推奨用途 |
|---|---|---|---|---|---|---|
| 1 | 黒 Black | #000000 | 0 | 0 | 0 | 主データ系列、参照線 |
| 2 | オレンジ Orange | #E69F00 | 230 | 159 | 0 | 第 2 系列;青との相性が良い |
| 3 | 空色 Sky Blue | #56B4E9 | 86 | 180 | 233 | 第 3 系列;識別性が非常に高い |
| 4 | 青緑 Bluish Green | #009E73 | 0 | 158 | 115 | 第 4 系列;ティールとも呼ばれる |
| 5 | 黄 Yellow | #F0E442 | 240 | 228 | 66 | ハイライト・塗り;細線には使わない |
| 6 | 青 Blue | #0072B2 | 0 | 114 | 178 | 強調色;オレンジとの組み合わせが最適 |
| 7 | 朱色 Vermilion | #D55E00 | 213 | 94 | 0 | エラーバー、強調 |
| 8 | 赤紫 Reddish Purple | #CC79A7 | 204 | 121 | 167 | 8 カテゴリ上限 |
ポイント: カテゴリが 4 以下の場合は、色 2(オレンジ)、3(空色)、6(青)、7(朱色)を優先使用してください。この 4 色は三種類の CVD シミュレーション下でペア間コントラストが最大になります。
これらの色が安全な理由
1 型・2 型色覚(赤緑色覚特性)
1 型・2 型色覚では赤と緑のチャンネルが融合します。赤と緑だけで異なる色は区別できません。Okabe-Ito パレットは純粋な赤と純粋な緑を完全に排除し、代わりに以下を使用します:
- オレンジ(
#E69F00)— 1 型色覚でも黄オレンジとして知覚される - 青緑 / ティール(
#009E73)— 青チャンネルが十分に含まれ、赤緑の融合後も識別可能 - 朱色(
#D55E00)— オレンジ方向に十分シフトしており、ティールとの区別が保たれる
3 型色覚(青黄色覚特性)
3 型色覚では青と緑、黄と紫が混同されます。パレットの青(#0072B2)は暗く高彩度なため、短波チャンネルが欠如していてもティールや黄と分離できます。
輝度コントラスト
色覚特性のある観察者は、色相が機能しないとき輝度(明るさ)の差に頼ります。Okabe-Ito の 8 色は輝度レンジが広く、ほぼゼロ(黒)から中間域(ティール・朱色・オレンジ)、高輝度(黄・空色)まで分布しており、CVD シミュレーションで色相が融合しても二次的な分離チャンネルとして機能します。
パレットの実践的な使い方
折れ線グラフと散布図
色を 2 → 3 → 6 → 7 → 4 → 5 → 8 の順に割り当て、黒(#1)は参照線や帰無仮説系列に充てます。データ系列が 7 を超える場合は、9 色目を加えるよりサブプロットに分割する方が合理的です。CVD 制約下で 9 以上のカテゴリを明確に識別できる配色は存在しません。
色と形の二重符号化を必ず実施してください。グレースケール印刷や低品質 PDF で閲覧した場合でも図が正しく読めます。
棒グラフと面グラフ
黄(#F0E442)は白背景では細い線として使うとほぼ見えませんが、塗りとして使うと効果的です。視認性を確保するために暗い縁線(#000000 または #5a5a5a)と組み合わせてください。
ヒートマップと連続スケール
Okabe-Ito はカテゴリカルパレットであり、連続データ向けではありません。ヒートマップには以下を推奨します:
- 順序データ:
viridis、cividis、mako(いずれも CVD 対応設計) - 発散データ:中央を白とした
RdBuまたはBrBG;RdGnは避ける
多パネル図
すべてのパネルで色の対応を一貫させてください。パネル A でオレンジ = 条件 X なら、他のすべてのパネルでもそのマッピングを維持します。不整合は多パネル図の色覚アクセシビリティで最も多い失敗パターンです。個々のパネルが CVD セーフであっても関係ありません。
SciDraw AI の科学図作成ツールで多パネル図を作成する際、プロンプトに Okabe-Ito の HEX コードを直接指定することでパネル間の一貫性を自動的に担保できます。
その他の色覚バリアフリーパレット
Okabe-Ito だけが選択肢ではありません。以下の表で他の推奨セットと比較します。
| パレット | 色数 | 種別 | 対応 CVD タイプ | 備考 |
|---|---|---|---|---|
| Okabe-Ito | 8 | カテゴリカル | 1 型・2 型・3 型 | 科学図表のゴールドスタンダード |
| Wong (2011) | 7 | カテゴリカル | 1 型・2 型 | Okabe-Ito から黒を除いたサブセット;Nature Methods 掲載 |
| Tol Bright | 7 | カテゴリカル | 1 型・2 型 | Paul Tol のパレット;プレゼン向き |
| Tol Muted | 10 | カテゴリカル | 1 型・2 型 | 最大 10 カテゴリ;やや低コントラスト |
| IBM Color Blind Safe | 5 | カテゴリカル | 1 型・2 型 | クリーン・高コントラスト;5 色のみ |
| viridis | 連続 | 順序 | 全タイプ | 最良の連続パレット;知覚的均一性を持つ |
| cividis | 連続 | 順序 | 全タイプ | 2 型色覚向けに最適化 |
Okabe-Ito を選ぶ場面:
- 1 つのグラフで最大 8 カテゴリが必要な場合
- 図が印刷物に掲載される場合(スクリーンと CMYK 印刷の両方に対応設計)
- 1 型・2 型・3 型を単一パレットでカバーしたい場合
Paul Tol のパレットを検討する場面:
- 9 ~ 10 以上のカテゴリカルカラーが必要な場合(Tol Muted は 10 色)
- プレゼンスライドで離れた席からの視認性を優先する場合
投稿前の CVD 安全性チェック
適切なパレットを選ぶことがステップ 1 です。出力を確認することがステップ 2 です。HEX コードの誤入力・グラデーションの追加・透明度の重ね合わせは、気づかないうちにアクセシビリティを損なう可能性があります。
シミュレーションツール
| ツール | プラットフォーム | 方法 | 特徴 |
|---|---|---|---|
| Coblis (color-blindness.com) | Web | 画像アップロード | 8 種類の CVD をシミュレート |
| Sim Daltonism | macOS / iOS | デスクトップアプリ | リアルタイム画面オーバーレイ |
| Color Oracle | Win / Mac / Linux | デスクトップアプリ | フルスクリーンリアルタイムシミュレーション |
| Adobe Color | Web | アクセシビリティチェッカー | コントラスト比も確認可能 |
| Chromatic Vision Simulator | iOS / Android | モバイル | カメラベースのリアルタイムシミュレーション |
グレースケールテスト
図を完全に無彩色化(グレースケール変換)してください。輝度差だけで各データ系列を識別できれば、最も厳しいアクセシビリティ基準をクリアしています。カラーをオンラインで受け入れる学術誌でもグレースケールで印刷するケースは多く、このテストで両方の問題を一度に発見できます。
自動チェック機能
SciDraw AI の図チェッカーは、アップロードした図の配色問題(1 型・2 型色覚で危険な赤緑組み合わせなど)を自動でフラグアップします。投稿前の数秒のチェックで、査読者からの指摘を未然に防げます。
主要ツールでの Okabe-Ito 適用方法
R / ggplot2
# 色覚バリアフリーパレットパッケージのインストール
# install.packages("ggthemes")
library(ggthemes)
scale_colour_colorblind() # Okabe-Ito を自動適用
# または手動定義:
okabe_ito <- c("#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000")
scale_colour_manual(values = okabe_ito)Python / Matplotlib
okabe_ito = [
"#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000"
]
import matplotlib.pyplot as plt
plt.rcParams["axes.prop_cycle"] = plt.cycler(color=okabe_ito)Prism (GraphPad)
GraphPad Prism では、データセットの色をダブルクリックし「カスタムカラー」を選択して HEX コードを入力します。パレットのインポート機能はありませんが、上の HEX 表を参照文書にコピーしておくと手動入力が素早くできます。
Adobe Illustrator / Inkscape
HEX 値からカラースウォッチライブラリを作成します。Illustrator では:ウィンドウ → スウォッチ → 新規カラーグループ。これにより安全なセットから毎回選択でき、コードを暗記する必要がありません。
AI 図作成ツールで Okabe-Ito を指定する
AI 搭載の図作成ツールは、生成プロンプトに HEX コードを含めることで特定の配色パレットを適用できます。SciDraw AI では図の内容を説明しつつ以下のように指定できます:
"Okabe-Ito の色のみ使用:オレンジ #E69F00、空色 #56B4E9、青 #0072B2、朱色 #D55E00"
グラフィカルアブストラクト作成ツールもカラー制約を受け付けており、所属機関や投稿先学術誌が Okabe-Ito を標準配色として採用している場合に特に便利です。
避けるべきよくある間違い
- ティールとブラウンの組み合わせ — ブラウンは Okabe-Ito に含まれず、2 型色覚では濃いオレンジと混同されます。定義済みのセットを守ってください。
- 透明度(alpha)の追加 — 半透明の塗り重ねで生じる混合色は CVD 安全性が未検証です。
- 白・薄いグレー背景での黄の細線使用 — 黄(
#F0E442)は 1 px の線としてはほぼ不可視です。塗りに使うか、線幅を大幅に増やしてください。 - CMYK 変換時の色ずれ無視 — RGB スクリーン用の HEX 値は CMYK 変換で変化することがあります。カラー精度が重要な場合は RGB と CMYK の両方を制作チームに提供してください。
- 「色覚対応完璧」と言わない — どんなパレットも全員に完璧ではありません。色 + 形の二重符号化が常に最も堅牢な方法です。
よくある質問
Q:Okabe-Ito パレットは Nature Methods の Wong パレットと同じですか? A:ほぼ同じです。Wong(2011)が Nature Methods で発表した 7 色パレットは Okabe-Ito のサブセットで、黒を除いたものです。6 つの有彩色は HEX 値が完全に一致しており、両名称は互換的に使われます。
Q:Okabe-Ito はヒートマップに使えますか?
A:使えません。カテゴリカルパレットであり、離散グループ向けの設計です。連続データのヒートマップには viridis または cividis を使用してください。どちらも知覚的均一性があり CVD 対応済みです。
Q:学術誌が CVD 非対応のブランドカラーを要求する場合はどうすればよいですか? A:ブランドカラーは非データ要素(タイトルバー・ロゴなど)の 1 か所に限定し、すべてのデータ系列には CVD セーフな色を使います。色が唯一の識別手段にならないよう形やパターン符号化を補完してください。
Q:Okabe-Ito は 8 種類すべての色覚特性に対応していますか? A:三大タイプ(1 型・2 型・3 型色覚)に対してテスト・記録されています。全色盲(単色視覚)のような稀な形態にはテクスチャやパターン符号化など追加の対応が必要です。
Q:Okabe-Ito で安全に表示できるカテゴリ数の上限は? A:最大 8 ですが、小さな図では 5 ~ 6 を超えると判読性が低下します。7 ~ 8 カテゴリの場合はシンボルサイズを大きくし、補足テーブルを図に添えることを検討してください。
Q:既存の図に Okabe-Ito を自動で適用できる無料ツールはありますか? A:SciDraw AI の図チェッカーでアップロードした図を分析し CVD 問題をフラグアップできます。Okabe-Ito を適用した完全な再生成には、科学図作成ツールで正確なパレット制約を最初から指定できます。



