模板:Color contrast ratio

模板文件[檢視] [編輯] [歷史] [清除快取]

概要

本模板可計算兩個顏色的對比度。

參數及使用方法

{{Color contrast ratio|第一个颜色|第二个颜色}}

顏色可以是hex值，也可以是「red」、「green」等英文單詞。

範例

文字顏色	背景顏色	顯示效果	模板用法	模板返回的對比度	WCAG 2.0等級
#000000	#FFFFFF	範例文字	{{Color contrast ratio|#000000|#FFFFFF}}	21	AAA
#000080	#DDDDDD	範例文字	{{Color contrast ratio|#000080|#DDDDDD}}	11.787	AAA
#7B0000	#FF9900	範例文字	{{Color contrast ratio|#7B0000|#FF9900}}	5.324	AA
#004800	#AAAAAA	範例文字	{{Color contrast ratio|#004800|#AAAAAA}}	4.691	AA
red	white	範例文字	{{Color contrast ratio|red|white}}	3.998	否
#FF0000	#FF9999	範例文字	{{Color contrast ratio|#FF0000|#FF9999}}	1.955	否
#BADFEE	black	範例文字	{{Color contrast ratio|#BaDFeE|BlAcK}}	14.878	AAA
red	black	範例文字	{{Color contrast ratio|red|black}}	5.252	AA
#FFFF00	#00FFFF	範例文字	{{Color contrast ratio|#FFFF00|#00FFFF}}	1.168	否

注意事項

為了能夠讓色盲、黑白螢幕、使用黑白打印機或讓打印機以黑白或灰階打印檔案的用戶去閱讀維基百科，一般推薦小字與背景顏色的對比度在7以上，大字與背景顏色的對比度在4.5以上。

參見

• MOS:對比度（尚無共識）