跳至內容

模板:Color contrast ratio/doc

本頁使用了標題或全文手工轉換
維基百科,自由的百科全書

概要

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

參數及使用方法

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

參見