概要

编辑

本模板可计算两个颜色的对比度。

参数及使用方法

编辑

{{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以上。

参见

编辑