Template:Greater color contrast ratio

テンプレートの解説かいせつ[表示ひょうじ] [編集へんしゅう] [履歴りれき] [キャッシュを破棄はき]

このテンプレートは、コントラスト比ひの大おおきな色いろのペア (color1/color2 または color1/color3) を決定けっていします。これは、前ぜん景色けしき/背景はいけい色しょくのペアを選択せんたくするときに便利べんりです。アクセシビリティのためのW3Cのガイドライン (WCAG 2.0、解説かいせつ) では、大おおきなテキストの場合ばあいは3以上いじょう、通常つうじょうサイズのテキストの場合ばあいは4.5以上いじょうのコントラスト比ひが必要ひつようです。 デフォルトモード (color2が白しろ、color3が黒くろ) で使用しようすると、選択せんたくした色いろのペアのコントラスト比ひは常つねに4.58を超こえます。

使つかい方かた

書式しょしき

{{Greater color contrast ratio|color1|color2|color3|bias=|css=}}

例れい

• <span style="{{Greater color contrast ratio|#CCCCFF|brown|yellow|css=y}}">#CCCCFF → #CCCCFF
• <span style="{{Greater color contrast ratio|#2222FF|brown|yellow|css=y}}">#2222FF → #2222FF

• <span style="{{Greater color contrast ratio|#2222FF|css=y}}">#2222FF → #2222FF
• <span style="{{Greater color contrast ratio|#4444FF|css=y}}">#4444FF → #4444FF
• <span style="{{Greater color contrast ratio|#6666FF|css=y}}">#6666FF → #6666FF
• <span style="{{Greater color contrast ratio|#8888FF|css=y}}">#8888FF → #8888FF

• <span style="{{Greater color contrast ratio|green|css=y}}">green → green
• <span style="{{Greater color contrast ratio|orange|css=y}}">orange → orange

• <span style="background: navy; color: {{Greater color contrast ratio|navy}};">navy → navy

• <span style="{{Greater color contrast ratio|#CC5500|bias=0|css=y}}">#CC5500 → #CC5500
• <span style="{{Greater color contrast ratio|#CC5500|bias=1|css=y}}">#CC5500 → #CC5500

引数ひきすう

引数ひきすうの一覧いちらん

引数ひきすう	指定してい内容ないよう	既定きてい値ち	説明せつめい
1	color1
2	color2	#FFFFFF
3	color3	#000000
bias	1	0	コントラスト比ひの最小さいしょう値ちを下さげる。アクセシビリティ基準きじゅんを満みたさなくなる可能かのう性せいがあるので注意ちゅうい。
css	y	n	Cascading Style Sheetsで出力しゅつりょくする場合ばあいは y を指定してい。

関連かんれん項目こうもく

• Wikipedia:アクセシビリティ
• Wikipedia:色いろの使用しよう
• Help:色いろの使用しよう
• Help:配色はいしょくのコントラスト比ひ
• ウェブカラー

この解説かいせつは、Template:Greater color contrast ratio/docから呼よび出だされています。 (編集へんしゅう | 履歴りれき)
編集へんしゅう者しゃは、このテンプレートをサンドボックス (作成さくせい | 複製ふくせい)とテストケース (作成さくせい)で試ためすことができます。（解説かいせつ）
/docのサブページにカテゴリを追加ついかしてください。 このテンプレートのサブページ一覧いちらん。