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:对比度(尚无共识)