色のこと

• ウィキペディアのベースになっているMediawikiについて

• デフォルトの配色の説明
• リンク、赤リンク
• 背景色

• スキンのこと
• カスタマイズできる

• 一般的なブラウザの設定・挙動について

• リンク、閲覧済みリンク

• アクセスビリティの観点について

• コントラスト比　JIS、ISO
• 実際の色を表示してみせる

• 「配色」以外のアクセスビリティの考え方について紹介する

• デザインの観点について

• 色が与える情報についての概論
• 「色遊びはケシカラン」という全く根拠のない感情論があることも紹介
• 過剰な重みづけ
• 合意形成をすべし

Help:配色

一般的なブラウザ

• 一般的なブラウザでは、デフォルト設定として次のような配色になっています。
• インターネットエクスプローラーの例

項目	色	コード	色名指定	見本
背景	白	#FFFFFF	white
テキスト	黒	#000000	black	見本
未訪問のリンク （a:link）	青	#0000FF	blue	見本
訪問済みリンク （a:visited）	紫	#800080	purple	見本
マウスオーバー時 （a:hover）		#FF8000		見本
選択中のリンク （a:active）		#FF8000		見本

• マウスオーバー時や選択中のリンクは
• ブラウザやバージョンによっての違いもあります。
• 利用者毎にブラウザの設定をカスタマイズすることで、これらの配色は変更することができます。
• 各サイト毎で個別に配色を指定することも可能です。
• ただし一般的なwebデザインの観点では、これらの標準的な配色から著しく乖離した配色は、訪問者を戸惑わせることがあり、避けるべきだという考え方があります。

MediaWikiの仕様

• ウィキペディアで使用しているMediawikiでは、デフォルトの配色は次のようになっています。（外装にモノブックに設定している場合）

項目	色	コード	色名指定	見本
背景A	白	#FFFFFF	white
背景B	白	#F6F6F6
テキスト	黒	#000000	black	見本
内部リンク	青	#0645AD	blue	見本
内部リンク（訪問済）	濃青	#0B0080		見本
リンク先のページが存在しない場合		#BA0000		見本
リンク先のページが存在しない場合（訪問済）		#A55858		見本
外部リンク		#3366BB		見本
外部リンク（訪問済）		#663366		見本
テンプレートの背景色A		#F9F9F9
テンプレート見出し部の背景色A		#F2F2F2
テンプレート見出し部の背景色B		#CCCCFF

• これらの配色は利用者毎に個人設定で変えることができます。
• 外装（スキン）の選択や、カスタムCSSの設定で変更することができます。