https://help.gulfstatesflood.com/mediawiki/index.php?action=history&feed=atom&title=Module%3AColor_contrast%2FdocModule:Color contrast/doc - Revision history2026-04-06T10:52:55ZRevision history for this page on the wikiMediaWiki 1.42.0https://help.gulfstatesflood.com/mediawiki/index.php?title=Module:Color_contrast/doc&diff=6836&oldid=prevWikiAdmin at 14:48, 6 January 20252025-01-06T14:48:14Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:48, 6 January 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">The formulas used are </del>[https://<del style="font-weight: bold; text-decoration: none;">www</del>.<del style="font-weight: bold; text-decoration: none;">w3</del>.org<del style="font-weight: bold; text-decoration: none;">/WAI/GL</del>/wiki/<del style="font-weight: bold; text-decoration: none;">Relative_luminance#Definition_as_Stated_in_WCAG_2.x stated in WCAG 2.x specifications]. [[WCAG]</del>] <del style="font-weight: bold; text-decoration: none;">is the main guideline for creating accessible interfaces on the web</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Find more details at </ins>[https://<ins style="font-weight: bold; text-decoration: none;">en</ins>.<ins style="font-weight: bold; text-decoration: none;">wikipedia</ins>.org/wiki/<ins style="font-weight: bold; text-decoration: none;">Module:Color_contrast Wikipedia's Color contrast module</ins>].</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Usage ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Usage ==</div></td></tr>
</table>WikiAdminhttps://help.gulfstatesflood.com/mediawiki/index.php?title=Module:Color_contrast/doc&diff=6834&oldid=prevWikiAdmin: Created page with "The formulas used are [https://www.w3.org/WAI/GL/wiki/Relative_luminance#Definition_as_Stated_in_WCAG_2.x stated in WCAG 2.x specifications]. WCAG is the main guideline for creating accessible interfaces on the web. == Usage == To use this module, you may use one of the above listed templates or invoke the module directly * To compute relative luminescence: <br> <code><nowiki>{{ColorToLum|color}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast|lum|color}}..."2025-01-06T14:45:37Z<p>Created page with "The formulas used are [https://www.w3.org/WAI/GL/wiki/Relative_luminance#Definition_as_Stated_in_WCAG_2.x stated in WCAG 2.x specifications]. <a href="/mediawiki/index.php?title=WCAG&action=edit&redlink=1" class="new" title="WCAG (page does not exist)">WCAG</a> is the main guideline for creating accessible interfaces on the web. == Usage == To use this module, you may use one of the above listed templates or invoke the module directly * To compute relative luminescence: <br> <code><nowiki>{{ColorToLum|color}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast|lum|color}}..."</p>
<p><b>New page</b></p><div>The formulas used are [https://www.w3.org/WAI/GL/wiki/Relative_luminance#Definition_as_Stated_in_WCAG_2.x stated in WCAG 2.x specifications]. [[WCAG]] is the main guideline for creating accessible interfaces on the web.<br />
<br />
== Usage ==<br />
To use this module, you may use one of the above listed templates or invoke the module directly<br />
<br />
* To compute relative luminescence: <br> <code><nowiki>{{ColorToLum|color}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast|lum|color}}</nowiki></code><br />
* To compute a contrast ratio between two colors: <br> <code><nowiki>{{Color contrast ratio|color1|color2|error=?}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast|ratio|color1|color2|error=?}}</nowiki></code><br />
* To determine which of two colors (color2a and color2b) has the greater contrast ratio with a particular color (color1): <br> <code><nowiki>{{Greater color contrast ratio|color1|color2a|color2b}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast|greatercontrast|color1|color2a|color2b}}</nowiki></code><br />
* To compute the contrast ratio between the background and text colors specified in a css style string: <br> <code><nowiki>{{#invoke:Color contrast|styleratio|css style statement string|default background color|default text color}}</nowiki></code></div>WikiAdmin