模板:Color contrast ratio/doc
此頁面是Template: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:對比度(尚無共識)