模板:Color contrast ratio
![]() | 此模板使用Lua語言: |
概要
本模板可計算兩個顏色的對比度。
參數及使用方法
{{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:對比度(尚無共識)
上述文件嵌入自Template:Color contrast ratio/doc。 (編輯 | 歷史) 編者可以在本模板的沙盒 (建立 | 鏡像)和測試樣例 (建立)頁面進行實驗。 請在/doc子頁面中添加分類。本模板的子頁面。 |