色覚障がいのある人に配慮した色使いのガイドライン

平成 23 年９月

大阪

府

１

ガイドライン作成の目的

チラシやリーフレット、さらには施設や街中のサイン・案内図などでは、見やすさ、分かりやすさなどの利便性の観点から、色を使った表示が多くなされています。しかしながら、色の使い方での配慮が足りないために、色覚障がいのある人にとって、情報が確実に伝わらないことがあります。
このガイドラインでは、色覚障がいのある人を含め、より多くの府民の方にとって、見やすく分かりやすい情報を提供するために、配慮すべき事項について解説しています。
今後、府内の公的機関のみならず民間活動においても、色覚障がいのある人に配慮した表示やデザインに取り組んでいただくため、幅広くこのガイドラインを活用していただきたいと考えています。

２

色覚障がいの状況

情報受信におけるハンディキャップの一種に、色覚障がいがあります。人間の目の中で、重要な働きをするのが網膜です。その網膜の視細胞に錐体（すいたい）と呼ばれるものがあり、これが色を見分ける働きを担っています。錐体には、「赤錐体、緑錐体、青錐体」の3 種類があり、これらがそれぞれ赤・緑・青の光の 3 原色を感じる機能を持っています。
これら錐体に異常があると、一般とは異なる色の感じ方をすることになり、色覚障がいとされます。
色覚障がいは、日本人男性の約 20 人に 1 人（約 5％）、女性で約 500 人に 1 人（約 0.2%）の割合で現われます（参考：日本眼科学会ホームページ）。国内には、約 320 万人の色覚障がいのある人がいると言われています。
色覚障がいにはいくつかの種類があります。
・赤を感じる視細胞に異常があるのを「１型」といい、色覚障がい全体の約２５％
・緑を感じる視細胞に異常があるのを「２型」といい、色覚障がい全体の約７５％
この両者は赤から緑への波長域の色差が感じにくくなり、見え方としては近いものになります。このパターンの色覚障がいは、以前は「赤緑色盲」と呼ばれていました。なお、
青を感じる視細胞に異常がある場合は「３型」とされます。
これら３つの型には「１型２色覚」、「２型３色覚」など、さらに細分化されます。
（※人間の目の赤・緑・青を感じる機能のいずれか 1 種類を失っているものを「２色覚」、いずれか 1 種類の機能が低下している場合（以前は「色弱」と呼ばれていました）を「異常３色覚」といいます。）なお、２つ以上の錐体が機能しない人は全く色を識別できなくなり、以前は「全色盲」、今日では「１色覚」と呼ばれている色覚障がいです。
詳しくは１３ページを参照してださい。
※色の識別がしにくい方の呼称には様々な言葉が使われていますが、このガイドライン
では「色覚障がい」を使用しています。

-1-

３

色覚障がいのある人にはどのように色が見えるか色覚障がいのある人にとって「赤と緑」、「青と紫」、「深緑と茶色」、「水色とピンク」などが識別しにくい色の組み合わせです。
また、彩度の高い色に比べて、「灰色と淡い水色」、「灰色と淡い緑」などのような彩度の低い色の組み合わせは、識別がより困難になります。
※彩度とはそれぞれの色で、白・灰色・黒色の混ざっている度合を言い、これらの色が混ざらないほど彩度は高くなります。
【色覚障がいのある人の見え方】○色覚障がいのある人の見え方の一例
一般的な見え方
青紫水色

明るい灰色
明 るい灰色 淡い水色
淡 い水色

色覚障がいのある人の見え方例
ピンク

灰色 淡淡い緑
灰色
い緑

深緑

茶色

赤緑

黄色

黄緑

濃い赤

焦げ茶

明るい茶色 オレンジ 明るい緑

青紫水色

ピンク

灰色

淡い緑

明るい灰色 淡い水色

深緑

茶色

赤緑

黄色

黄緑

濃い赤

焦げ茶

明るい茶色 オレンジ 明るい緑

○色覚障がいのある人の見え方の一例
一般的な見え方①（見分けにくい色の組み合わせの例）②（「Illustrator」ﾌﾟﾚﾋﾞｭｰ機能によるシミュレーション）

１型２色覚の見え方例

２型２色覚の見え方例「１型」…赤を感じる視細胞に異常があるもの〔色覚障がい（2 色覚）全体の約 25％〕「２型」…緑を感じる視細胞に異常があるもの〔色覚障がい（2 色覚）全体の約 75％〕-2-

【色による識別が難しくなっているデザイン事例】○カレンダー 赤字で示された休日が、色覚障がいのある人の見え方では、黒字と見分けにくくなってしまい、平日との識別が難しくなっています。
一般的な見え方○色鉛筆

色覚障がいのある人の見え方例

赤系の色鉛筆２本と緑系の色鉛筆２本が見分けにくい色になっています。
青と紫も区別しにくくなっています。
一般的な見え方○グラフ

色覚障がいのある人の見え方例

色覚障がいのある人が見分けにくい色が隣接しているため、わかりにくいグラフになっています。また、凡例の色の見分けが難しいものとなっています。

一般的な見え方

色覚障がいのある人の見え方例

-3-

４

色の使い方等の配慮

色覚障がいのある人への配慮として、色の使い方はもちろん大事なことでありますが、識別を容易にするために、色や様々な手法を組み合わせる必要があります。
（１）色の使い方①色の組み合わせ２ページ「３ 色覚障がいのある人にはどのように色が見えるか」で例示している色の組み合わせに注意してください。
改善前

改善後

改善前

改善後

色覚障がいのある人が見分けにく

色覚障がいのある人が見分けにく

い色を、背景（赤色）と文字（緑色）い色を別の色（文字を水色）に変え、に使用しています。

識別しやすくしました。

②明度差
明度とは色の明るさのことを言います。
明度を上げていくと明るく、明度を下げていくと暗くなります。
特に、「赤と緑」、「深緑と茶色」、「青と紫」などの見分けが難しくなります。
改善前

改善後

改善前

改善後

色覚障がいのある人が見分けにく

文字に淡い緑を使うなど、明度を上い色を、背景（赤色）と文字（緑色）げることで、文字と背景で明度の差をに使用しています。

つけ、識別しやすくしました。

-4-

（２）色の使い方以外の工夫
色だけに頼った情報提供を行うのではなく、色がなくても理解できるようデザインすることが重要です。具体的には、次のような工夫が求められます。
①色の分類だけでなく、色名や文字、記号情報などを併記
また線の太さや線種などを調整
あらゆる人にとって、わかりやすい情報とするための有効な手法です。

改善後

改善前

改善前

改善後

・線の種類が同じであり、見にくくな・グラフの線を太くして見やすくし、点線など線の種っています。
・凡例がグラフの欄外にあり、どこを類を変えています。
・凡例はグラフから引き出す形とし、色名を併記しました。

示しているかが、わかりにくくなっています。

【参考】色覚障がいのある人の見え方例-5-

②色を塗った部分に「柄」を加える（ハッチング）
路線図やグラフの作成などに有効な手法です。

改善前

改善後

改善前

改善後

色だけで、違いを見分けるものとなって茶、オレンジ、緑に「無地」、「横線」、「点」います。という柄を追加しました。これにより、柄の違いで情報を識別できるようになりました。
※ハッチングを使用するときは、色覚障がいのない人が見えにくくならないよう注意しましょう。

【参考】色覚障がいのある人の見え方例-6-

（３）色の使い方や、それ以外での工夫を踏まえた改善事例①グラフ
見分けにくい色を隣接して使う場合は、境界線や地模様などで工夫しましょう。
凡例はグラフ内にも記載しましょう。
改善後

改善前

改善前

改善後

・混同しやすい色（薄い黄緑と薄黄色）・境界線や地模様を追加し、グラフの違が隣接し、境界がわかりにくくなっいが分かるようにしました。ています。

・凡例をグラフ内に表示することで、対・凡例がグラフのどの部分に対応して応している個所がわかりやすくなりいるのかが、わかりにくくなっていました。

ます。

-7-

②地図
地図は、色のみの表示に頼らないようにしましょう。
見分けにくい色を隣接して使う場合は、境界線や模様などで工夫しましょう。
改善前

改善後

京阪電車

天満橋駅
天満橋駅

谷町筋／
地下鉄谷町線

土佐堀通

天満
橋駅

合同庁舎3・1号館

谷町筋／
地下
鉄
谷町線

法務局

大阪
府庁
大阪城公園
府庁
別館
府庁
新別館

京阪電車

天満橋駅

土佐堀通

合同庁舎3・1号館

法務局

大阪
府庁
府庁
別館
府庁
新別館

府警本部

府警本部

ＮＨＫＮＨＫ

谷町四丁目駅

大阪城公園

谷町四丁目駅

中央大通／地下鉄中央線

中央大通／地下鉄中央線

改善前

改善後

・道路や施設などを色だけで表示しており、・道路や施設など色の異なる個所に線を追加

境界がわかりにくくなっています。

し、境界を明確にしました。

・色覚障がいのある人が見分けにくい色（濃・背景色の濃い緑色を、薄い緑色に変更する

い緑色と黒色）を背景と文字に使用していことにより、黒色の文字が見やすくなりまます。

した。

・鉄道路線の違いを色のみで区別しています。

・鉄道路線の違いを色に加え、線の種類を変更することで、区別しやすくなりました。

-8-③サインや案内図、申請書など
サインや案内図を作成する場合は次の点に注意してください。
・より多くの人が見分けやすい色の組み合わせを選択する（２ページ「色覚障がいのある人の見え方」を参照）。
・色と色の境界には白または黒の細線で縁取りを行う。
・色の面積を大きくとる（線を色分けするときは大きくする）。
・色名を書く（色名を使った案内が予想される場合）。
・屋外のサインの場合には退色に注意し維持管理を行う。
（ア）サイン
配慮された例

配慮に欠けた例【参考】色覚障がいのある人の見え方例

配慮に欠けた例配慮された例
背景（青や黒）と文字やピクトグラム（絵記号・白）に明度差があり、視認しやすいものとなっています。
（必要に応じて、日本工業規格（JIS）JIS
Z 8210 標準案内用図記号を使用（詳しくは 13 ページを参照））

背景（黒）と文字（赤）が色覚障がいのある人が見分けにくい色で表示しています。

【参考】サイン案の作成の手順①全体構成と併せて、伝えたい情報の優先順位と配色の関係を考える。
（変更が難しい色（シンボルカラーなどが決まっている場合はその色）を優先的に配置）②背景など大きな面積を塗り分ける色を決め、配置する。
③建物や道路、現在地など小さな面積の色を決め、配置する。
④標識等ピクトグラム（絵記号）を選択する。
⑤サイン全体をチェックし、伝えたい情報が読み取れるかどうか確認する。
-9-

（イ）案内図
配慮に欠けた例配慮された例

大ホール

現在地

中央エレベーター

南エレベーター

第２会議室

第３会議室

第1会議室

配慮に欠けた例配慮された例「現在地」が目立つようにオレンジ色で表示し、また、ピクトグラム（絵記号）を使用し、視認しやすいものとなっています。

案内の経路を色のみで区分し、表示しています。

（ウ）申請書への色の記載
改善前

改善後○ ○ ○ 申 込 書 （団体用）○ ○ ○ 申 込 書 （団体用）○ ○ ○ 申 込 書 （団体用）
記 入 欄

記 入 欄
記 入 欄

住所
申 込 者

申 込 者
申 込 者

氏名
（ 申 込 書 （個人用））○ 電○話 ○連 絡 先ＦＡＸ（参加人数
連 絡 先

参加人数

○連 絡 先連 絡 先）記 入 欄）

Ｅメール （住所
学 申校 込名 者

住所
住所氏名
氏名
電）
○ 話○（ 申 込 書 （個人用）
電 話 （）ＦＡＸ （）ＦＡＸ （記 入 欄 ）Ｅメール （）Ｅメール）
住所（名電 話 （）

学申校込名者
学 校 名
参加人数
参加人数

ＦＡＸ（）

連 絡 先

ＦＡＸ

Ｅメール （）

参加人数

約

氏名

約

約

ピンク
ピンク

氏名
約名
約電 話 （名（改善前））

Ｅメール （名水色）
名

改善後色でしか違いが判別できない申請書になっ色でのコミュニケーションも図れるよう、色ています。

名（「ピンク」、「水色」）を明示しました。

※「（団体用）」では、「ピンク色の用紙に･･･」と口頭で説明した場合は判別できません。
- 10 -

５

シミュレーションツールの活用（パソコンソフトおよびバリアントール）
印刷物や施設の案内サイン、表示物について、パソコンの色覚シミュレーションソフトやバリアントールを活用し、色を使って情報伝達したい部分が、作成者が意図する内容として伝わっているかを確認することができます。

（１）色覚シミュレーションソフト
パソコンデータは色覚シミュレーションソフトにより確認することができます。
※シミュレーションソフトの例
無料ソフト･･･「富士通カラードクター」ではディスプレイ上の表示内容を、各色覚特性に応じてシミュレート表示できます。
（その他にも無料ソフトがあります。）
有料ソフト･･･アドビシステムズ社のパソコンソフト CS4 以降のバージョンの「Illustrator」や「Photoshop」でも色覚障がいのある人のプレビューが可能です。
（２）バリアントール
色覚障がいのある人が感じている色の見分けにくさを、色覚障がいのない人が体験できるメガネ型特殊フィルタです。メガネをかけて見るだけで、色覚障がいのある人にとって見分けにくい配色を探し出すことができます。
バリアントールは、色覚障がいのある人の色の見え方簡易確認ツールですが、パソコンのモニターなど発光物体には対応していません。また、色覚障がいのある人の見え方を完全に再現するものではありません。あくまで参考として活用してください。

- 11 -

６

色使いのチェックリスト
印刷物、施設におけるサイン・案内図などを作成する場合、次の項目でチェックし、色覚障がいのある人に配慮されているかを確認してください。

（１）色の使い方□ 同色系の組み合わせや明るい色だけの組み合わせ、暗い色だけの組み合わせはできるだけ避け、明るい色と暗い色を対比させている。
□ 文字と背景には色の明るさで差をつけているか、差のついた色で文字に縁取りをしている。
□ 色の違いだけでなく、書体(細字と太字など)､囲み罫や下線、記号などの文字情報、網掛けなどを活用することにより、色に頼らなくても情報が得られるように工夫している。
□ 色名だけで対象物を示さず、文字情報（位置や形の説明・記号など）でも理解できる工夫をしている。矢印などで直接対象物を示している。
□ 色が区別できても、何色なのかがわからない人がいるので、色名による情報伝達が考えられる場合は、凡例などに色名を文字表記している。
□ 小さい色文字は出来るだけ避け、利用する時はできるだけ濃い色を使っている。

（２）施設におけるサイン・案内図の配慮事項□ 案内図の表示は、大きく分かりやすい平易な文字、図等を使い、これらの色は地色と対比効果があり、明暗のコントラストのはっきりした色を使用する。
□ 案内図では「現在地」が目立つよう、背景の色を工夫したり白で囲ったりする。
□ ピクトグラム（絵記号）を使う場合には文字表示も併せて行う。
□ 電光掲示板の赤い文字が見えにくい人がいるので、暗く見える赤は使用しない。

（３）最終確認□ 白黒コピーしても内容が理解できる。
□ バリアントール（メガネ型特殊フィルタ）で見分けにくい色と配色を点検する。
□ パソコンデータの場合、色覚シミュレーションソフトで見分けにくい色と配色を点検する。

＜色覚障がいのある人への配慮や注意点＞
・色覚障がいのある人に対する考え方として、「２色覚」の人に配慮することで、「異常３色覚」の人にも対応できます。
・色覚障がいのある人に配慮したことによって、色覚障がいのない人が見えにくくならないよう注意しましょう。

- 12 -

＜参考資料＞○財団法人日本眼科学会による眼科用語（呼称）
現在の呼称

従来の呼称

１色覚

全色盲
１型２色覚

２色覚

２型２色覚
３型２色覚
１型３色覚

異常３色覚

２型３色覚
３型３色覚

赤緑色盲
青黄色盲
赤緑色弱
青黄色弱

正常色覚
※このガイドラインでは、「１色覚（全色盲）」、「２色覚（色盲）」、「異常３色覚（色弱）」を総称して、「色覚障がい」と表記しています。

○日本工業規格（JIS）JIS Z 8210･･･「標準案内用図記号」
文字や言葉に代わって表示するものとして、「案内用図記号（JIS Z 8210）」が定められています。

標準案内用図記号の一例上段左から、「エレベーター」、「お手洗」
下段左から「障がいのある人が使える設備」、「駐車場」※詳しくは、「交通エコロジー・モビリティ財団」ホームページの「標準案内用図記号」をご覧ください。

http://www.ecomo.or.jp/barrierfree/pictogram/picto_jis110.html- 13 -

- 14 -

【監修】特定非営利法人【協力】

大阪府印刷工業組合【参考資料】

メディア・ユニバーサル・デザイン協会

全日本印刷工業組合連合会発行「メディア・ユニバーサルデザインガイドライン」

府民文化部府政情報室
TEL 06(6944)6063
福祉部障がい福祉室障がい福祉企画課
TEL 06(6944)9175
住宅まちづくり部建築指導室建築企画課 TEL 06(6210)9717
ホームページ http://www.pref.osaka.jp/- 15 平成 23 年 9 月 30 日作成