https://arolstar52-zhtest.hf.space/index.php?action=history&feed=atom&title=Template%3AColor_contrast_ratio%2Fdoc
Template:Color contrast ratio/doc - 版本历史
2026-07-20T20:24:06Z
本wiki上该页面的版本历史
MediaWiki 1.43.9
https://arolstar52-zhtest.hf.space/index.php?title=Template:Color_contrast_ratio/doc&diff=3132916&oldid=prev
imported>痛：/* 注意事项 */ 反了，小字才是需要更清晰的对比度
2024-03-29T16:39:05Z
<p><span class="autocomment">注意事项：</span> 反了，小字才是需要更清晰的对比度</p>
<p><b>新页面</b></p><div>{{NoteTA/MediaWiki}}<br />
{{Documentation subpage}}<!-- 在本行下編輯模板說明 --><br />
{{Lua|Module:Color contrast}}<br />
== 概要 ==<br />
本模板可计算两个颜色的对比度。<br />
<br />
== 參數及使用方法 ==<br />
{{Tlx|Color contrast ratio|第一个颜色|第二个颜色}}<br />
<br />
颜色可以是hex值，也可以是“red”、“green”等英文单词。<br />
<br />
== 範例 ==<br />
{| class="wikitable"<br />
|-<br />
! 文字颜色 !! 背景颜色 !! 显示效果 !! 模板用法 !! 模板返回的对比度 !! [[網頁無障礙性指導原則|WCAG 2.0]]等级<br />
|-<br />
| {{Color sample|#000000}} #000000<br />
| {{Color sample|#FFFFFF}} #FFFFFF<br />
| {{Font color|#000000|#FFFFFF|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#000000|#FFFFFF}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#000000|#FFFFFF}} round3}}<br />
| AAA<br />
|-<br />
| {{Color sample|#000080}} #000080<br />
| {{Color sample|#DDDDDD}} #DDDDDD<br />
| {{Font color|#000080|#DDDDDD|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#000080|#DDDDDD}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#000080|#DDDDDD}} round3}}<br />
| AAA<br />
|-<br />
| {{Color sample|#7B0000}} #7B0000<br />
| {{Color sample|#FF9900}} #FF9900<br />
| {{Font color|#7B0000|#FF9900|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#7B0000|#FF9900}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#7B0000|#FF9900}} round3}}<br />
| AA<br />
|-<br />
| {{Color sample|#004800}} #004800<br />
| {{Color sample|#AAAAAA}} #AAAAAA<br />
| {{Font color|#004800|#AAAAAA|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#004800|#AAAAAA}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#004800|#AAAAAA}} round3}}<br />
| AA<br />
|-<br />
| {{Color sample|red}} red<br />
| {{Color sample|white}} white<br />
| {{Font color|red|white|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|red|white}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|red|white}} round3}}<br />
| {{no}}<br />
|-<br />
| {{Color sample|#FF0000}} #FF0000<br />
| {{Color sample|#FF9999}} #FF9999<br />
| {{Font color|#FF0000|#FF9999|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#FF0000|#FF9999}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#FF0000|#FF9999}} round3}}<br />
| {{no}}<br />
|-<br />
| {{Color sample|#BADFEE}} #BADFEE<br />
| {{Color sample|black}} black<br />
| {{Font color|#BADFEE|black|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#BaDFeE|BlAcK}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#BaDFeE|BlAcK}} round3}}<br />
| AAA<br />
|-<br />
| {{Color sample|red}} red<br />
| {{Color sample|black}} black<br />
| {{Font color|red|black|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|red|black}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|red|black}} round3}}<br />
| AA<br />
|-<br />
| {{Color sample|#FFFF00}} #FFFF00<br />
| {{Color sample|#00FFFF}} #00FFFF<br />
| {{Font color|#FFFF00|#00FFFF|&nbsp;&nbsp;示例文字&nbsp;&nbsp;}}<br />
| {{tlx|Color contrast ratio|#FFFF00|#00FFFF}}<br />
| style="text-align: right;" | {{#expr: {{Color contrast ratio|#FFFF00|#00FFFF}} round3}}<br />
| {{no}}<br />
|}<br />
<br />
== 注意事项 ==<br />
為了能夠讓[[色盲]]、黑白[[显示器|螢幕]]、使用黑白[[打印机|印表機]]或讓印表機以黑白或灰階列印文件的用戶去閱讀維基百科，一般推荐小字与背景颜色的对比度在7以上，大字与背景颜色的对比度在4.5以上。<br />
<br />
==参见==<br />
*[[MOS:对比度]]（尚无共识）<br />
<br />
<includeonly>{{Sandbox other||<!-- 本行下加入模板的分類 --><br />
[[Category:顔色換算模板]]<br />
}}</includeonly></div>
imported>痛