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