この文書はウィキペディア日本語版の ガイドライン です。 多くの利用者が基本的に同意しており、?うことが推?されますが、 方針 ではありません。必要に?じて編集することは可能ですが、大きな?更を加える場合は、先に ノ?トペ?ジ で提案してください。

ショ?トカット : WP:COLOR WP:COLOUR

この文書の要旨: 中立性や正確性に?影響を及ぼす恐れのある場合、原則、色の?更を禁じます。 グラフなど色で分類が必要な場合、アクセシビリティやコントラスト比に注意が必要です。

色 の使用 はテキスト文字、表の背景、各種テンプレ?ト、グラフや地?、???像などに適用されるガイドラインです。色の使用によって主に (1) ?調、(2) 分類?グル?プ化、(3) 色調による意味付けといった?果が得られます。しかし色の使用が「 中立的な?点 」や「 ウィキペディアは何ではないか 」などの重要な方針に抵?する可能性があります。

また、これらの方針を遵守していても、編集者が意?したつもりの色が 視?障害 ? 色?異常 や モバイル端末利用者 、記事をモノクロ印刷する?者には正確に認識されないことがあり、 アクセシビリティ の?点からも注意が必要です。

したがって、原則はウィキペディア初期設定 (デフォルト) の色を使用します。色を?更する必要がある場合には WCAG ^{[注 1]} に準?し、色を唯一の表現とせず、?みやすいように コントラスト 比を高くします。

記事執筆の要諦は、中立的かつ正確に意味を?えることにあります。デフォルト以外の色使用が裏目に出て、中立性や正確性に?影響を及ぼすことがあります。

?調?果 [ ソ?スを編集 ]

原則、テキスト文章を?調する目的でデフォルトの?文字 (#252525) から色を?更してはなりません。執筆?容と不釣り合いな過度な重みづけになるためです。テキスト文章の?調には、 太字 や 「 かぎ括弧 」 表記で代替可能であり、必要十分です。したがって、?に大きな文字で表示されている 見出し も文字色を?えてさらに?調する必要はありません。?リンクや赤リンクの色?更も禁止です。

テキスト文章だけでなく、表や{{ Infobox }}を使って作成された 基礎情報ボックス 、{{ Navbox }}や{{ Sidebar }}を使って作成された ナビゲ?ションテンプレ?ト 、グラフなども同?です。ヘッダ?行は原則デフォルト色を使用します。また表?のデ?タ背景色を指定する場合も、行全?ではなくセル?位に留めるなどの工夫を?討してください。グラフの背景色は白色にします。なぜならば、 Wikipedia:箇?書き では一般的に (表形式を含む?義の) 箇?書きよりも文章による?明を優先しているからです。記事?の一定面積を色で塗りつぶすことで?者の意識が色に集中し、文章中心で書かれた?明への?心が妨げられ、記事全?構成上のバランスが崩れる恐れがあります ^{[注 2]} 。

更には、?調?果が 色の編集合? につながる恐れもあります。執筆?初は色による?弱バランスが取れていても、記事?容の成長に伴って色の使用面積や色の種類が?えたりすることがあります。その結果、逆に?調したいポイントが定まらず、色が持つ本?の?調?果を失います ^{[注 3]} 。そこで特定箇所をより?調させようとして?い色を使用するようになり、最終的には記事全?の可?性が失われる要因になりえます。特に 純色 (最も彩度が高い色) を多用すると、 補色による?像?果 が出て、記事の正確性を損なうこともあります。

分類?果 [ ソ?スを編集 ]

複?の色を組み合わせて分類?グル?プ化する手法は表やグラフ、地?などにしばしば使用されます。例えば世界地?を用い、人口密度別に??地域を高中低の3段階に色分けするといった使い方です。ところが配色によっては中が高や低よりも目立ってしまい、意味の重みづけに誤解を生じさせることがあります。

色分けの種類が?えることで、?者の記憶に?りづらくなる弊害も考慮しなければなりません。 短期記憶 の?究分野では「マジカルナンバ?」として知られ、まとまりのある意味のかたまり (チャンク) が一定?を超えると記憶できないと言われています ^{[注 4]} 。その結果、色の凡例と表やグラフのデ?タ間を何度も視線を往復して?まなければ、意味がつかめないといった事態に?りがちです。分類?が多い場合、色分けよりも採番 (1/2/3やA/B/Cなど) や略?といったテキスト表記の方が適していることもあります。

また?純な分類のつもりで行った着色が、一部の?者からは差別ないし 逆差別 として捉えられることもあります。例えば性別?年??出身地といった?性に?じて、一?表上で特定人物のみ色で?調するのは適切でしょうか。?別と差別の境界線は曖昧ですが、記事ペ?ジ個?の文脈に?し、色使用の必然性を?重に判?してください。

意味付け?果 [ ソ?スを編集 ]

特定の色が特別な意味を持つ場合があります。それが一般に普及して公共性が高ければ、色による意味付けがウィキペディア?者の直感的な理解に役立つでしょう。信?機の色使いを援用した{{ Yes }}や{{ No }}を用い、勝敗や活動の進??況を色で分類するといった使い方が一例です。

しかし、色の使用によって ブランディング ?果が?揮される際には注意が必要です。企業ウェブサイト上で企業ロゴと同一のテ?マカラ?が多用されるのを見かけたことはないでしょうか。これは コ?ポレ?ト?アイデンティティ (CI) の中でも特に ビジュアル?アイデンティティ (VI) と呼ばれ、ブランド?値を高める企業?略として普及している手法です。一方ウィキペディアでは宣?行?が方針で禁止されています。?に、企業について書かれたウィキペディアの記事ペ?ジを開くたびに、企業のCMソングが自動で流れたり、企業ロゴと同じフォントで記事が執筆されていたらどうでしょうか。CIやVIの?点に立つと、テ?マカラ?はCMソングやロゴフォントと類似のブランディング?果を有しています。したがって、企業????製品?サ?ビス?人物などのテ?マカラ?を使ってウィキペディア記事ペ?ジを意?的に着色する行?は宣?手段とみなされることがあります。

また、複?の組み合わせ使用が想定されるナビボックスなどは、ペ?ジ執筆本?の「意味のつながりに?して順に記述する」という目的からも色の使用は好ましくありません。同じ色であっても互いの?べ方次第で、色彩の意味??わり方が?化します。その結果、色彩バランスを優先し、ナビボックスの配列順を入れ替える編集合?につながる恐れがあります。

?に色の使用が適切と判?された場合でも、WCAG 2.0に準?し ^{[注 6]} 、記事をモノクロ印刷したものやモノクロ?面で表示されるデバイスの利用者、 視?障害 ? 色?異常 の利用者のため、色が情報を?える唯一の手段とならないようにしなければなりません ^{[注 7]} 。ウィキペディアの公式モバイルアプリケ?ションは、一部の外? (スキン) 設定以外では、?像を除きすべてモノクロで表示されます。また、先天性の色?異常は日本人男性には特に多く、?度のものは20人に1人が該?します。

こうした?点から、たとえば「表中の赤字部分は○○」といった方法を取ってはいけません。そういった場合は、太字を?用する、脚注を付ける、その「○○」を?記する、記?（※印や三角など）で表現する、あるいは斜線や格子柄などで地??グラフを塗るなどの方法を取るべきです ^{[注 8]} 。

色そのものを主題とする記述（例えば、球?のチ?ムカラ?や?道路線のラインカラ?）でも、その色だけを表示することはせず、必ずその 色名 または RGB を?記するようにしてください。

ただし?像や動?（以下?像類）においては、色を使わずに同等な?容を?えることが現?的に困難な場合もあります。また、記事の主題の?明は基本的には本文によって行われ、?像類は補助的に使われることがほとんどです。そのため、記事中に表示される?像類には、色を唯一の表現としていないことを?格に求めません。色が分からない場合にも趣旨が?わるような?明文を付ける、色だけに?らないように?像類を作成する、といった工夫を心がけてください。

色?異常への配慮に欠ける場合は{{ 色の使用 }}、デバイス依存で色が適切に表示されない場合は{{ 色 }}を記事の冒頭に貼付して、ノ?トペ?ジで改善のための議論を呼びかけます。

色?特性に配慮した配色例 ^[4]

アクセントカラ?			ベ?スカラ?
色名	色	カラ?コ?ド	色名	色	カラ?コ?ド
赤		#ff4b00
?色		#fff100	クリ?ム		#ffff80
?		#03af7a	明るい?		#77d9a8
?		#005aff	明るい??		#d8f255
空色		#4dc4ff	明るい空色		#bfe4ff
ピンク		#ff8082	明るいピンク		#ffcabf
オレンジ		#f6aa00	ベ?ジュ		#ffca80
紫		#990099	明るい紫		#c9ace6
茶色		#804000
無彩色
白		#ffffff	明るいグレ?		#c8c8cb
?		#000000	グレ?		#84919e

色を使う必要性がある場合、アクセシビリティ以外の?点でも?みやすい色を選?するよう心がけます。?みやすさは人それぞれですが、その一つに背景色と文字色の コントラスト 比を高め、はっきりさせる方法があります。ただしコントラスト比さえ守れば良いわけではありません。濃色の背景に白文字を使用すればコントラスト比は高まりますが、上述の「不釣り合いな?調?重みづけや宣?的な意味づけ」の?点からは不適合とみなされる場合があります。

一般的には7：1以上

テキスト文字やテンプレ?ト、あるいは文字情報が含まれる?像は、背景色と文字色のコントラスト比が 7：1 以上あるべきです ^{[注 9] [注 10]} 。コントラスト比を確認する際には、デフォルトの?文字だけでなく?リンクや赤リンク、茶リンクも試します。??的に記事が加筆修正され、?文字から リンク色 に置き換わる可能性があるためです。

大きい文字は4.5：1以上

大きい文字は、その大きさのおかげで小さな文字より見やすいため、コントラスト比の要件は緩和されます。しかしウィキペディア上では見出しであっても「大きい文字」の定義に該?しないため、この緩和要件が適用されるケ?スは極めて稀です。大きい文字のコントラスト比は一般的には 4.5：1 以上、合意がある場合でも少なくとも 3：1 以上にしてください ^{[注 11]} 。

署名の色は4.5：1以上

登?利用者は署名を?更できますが、デフォルトの白背景（#FFFFFF）に?しコントラスト比が 4.5：1 以上になるようにしてください。

デフォルト以外の外?への配慮

「 Help:外?の詳細設定 」も?照

ウィキペディアのサイトを??する際の外? (スキン) は個人設定で?更でき、6種類あります。それぞれ外?の色が違いますが、上記のコントラスト比要件は、デフォルトのベクタ?外?を基準としています。

原則的にはこれらの外?におけるコントラスト比も考慮すべきですが、本ガイドラインでは特に制限しません。ただし、合意によりベクタ?外?におけるコントラスト比が 7：1 未?になる場合はデフォルト以外の外?でのコントラスト比が 4.5：1 以上であることを??する必要があります。

上記の理由から、多くの場合はデフォルトから色を?える必要はありませんが、例外も存在します。

半公共的なテ?マカラ?

私??道?バスなど、公共性の高いサ?ビスを?利私企業が運?している場合、テ?マカラ?による分類が?告宣?とみなされるか線引きが曖昧です。しかし色の?調?果の?点から、不必要な場所に着色してペ?ジ全?の重みづけを崩さないことが何より重要です ^{[注 12]} 。??や公共機?によって推進される?究プロジェクトなどで慣例的に使用されている分類色も同?です。これら分類色の一部は、アクセシビリティやコントラスト比の基準を?たしていないため、注意が必要です ^{[注 13]} 。

コントラスト比の基準緩和

テキスト文字と背景色のコントラスト比を 7：1 以上に保つには現?的には難しい場合もあります。 ウィキプロジェクト での合意が得られた上であれば ^{[注 14]} 、?更することができます。ただしデフォルト色以外への?更は、記事の情報を?やしたり正確性を?すのにどうしても必要であり、かつ他に代替がない、という場合のみに限られます。コントラスト比緩和の限度は 4.5：1 までです。

背景色が白 (#FFFFFF) 以外の?像

このような?像にテキスト文字を?入する場合、中立性の?点やアクセシビリティ、コントラスト比の考え方を遵守した上で、文字色を? (#252525) から別の色に?更することができます。特段の合意形成は不要です。

不適切な色使用の差?

?に本ガイドラインから逸?した不適切な記事を見つけたからといって、すぐさまデフォルト色に?すのも??的な編集とは言えません。デフォルト色に?すことにより、これまでの自分の努力を否定された、あるいは重箱の隅を突く取り締まり行?だと感じる編集者もいるかもしれません。またデフォルト色に?すのではなく、薄い背景色に?更してコントラスト比を高めるに留めるべきだと考える人もいるでしょう。まずは同?の色使いの記事がないか、?連記事やテンプレ?トも確認します。その上でウィキプロジェクトで提案 ^{[注 14]} し、デフォルト色に?すべき理由を?明することが肝要です。

不測のケ?ス

本ガイドラインに定義されていないケ?スに遭遇して判?に迷う場合は、色以外のウィキペディア方針や スタイルマニュアル などのガイドラインを?照し、色の使用にも同じ考え方を援用できないか?討します。その上で色の?更が必要と判?されれば、ウィキプロジェクトで提案 ^{[注 14]} できます。

注? [ ソ?スを編集 ]

出典 [ ソ?スを編集 ]

• Help:配色のコントラスト比 - 色?異常のタイプ別にコントラスト比の違いを解?
• Help:色の使用 - 色相のパレットなど、色を?更する際の?務的な手引き
• Template:色の使用 - 色?異常への配慮に欠ける記事に貼付
• Template:色 - デバイス依存で色が適切に表示されない記事に貼付
• Category:?みにくい可能性があるナビゲ?ションテンプレ?ト - メンテナンス用カテゴリ
• en:Category:Accessibility issue tracking categories - アクセシビリティに問題のあるペ?ジ一? （英語）
• Help:携?端末でのアクセス

以下は配色に?する 私論 です。

• Wikipedia:アクセシビリティ#色 - 色使用の?論のみ (方針やガイドラインとして提案中)
• Wikipedia:色のコントラスト - Help:配色のコントラスト比とほぼ?容重複
• Wikipedia:テンプレ?トの色で編集合?をしない - 色の編集合?の?例も紹介
• Wikipedia:配色の?更は控えめに - 本ガイドラインとほぼ?容重複
• Wikipedia:配色の?更の有用性 - 本ガイドラインの方向性と反する私論