概要

編輯

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

參數及使用方法

編輯

{{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以上。

參見

編輯