跳转到内容

Template:Color contrast ratio/doc

本页使用了标题或全文手工转换
维基百科,自由的百科全书

概要

[编辑]

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

參數及使用方法

[编辑]

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

参见

[编辑]