模板: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子页面中添加分类。本模板的子页面。 |