Module:Color contrast/doc: Difference between revisions
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}}..." |
No edit summary |
||
| Line 1: | Line 1: | ||
Find more details at [https://en.wikipedia.org/wiki/Module:Color_contrast Wikipedia's Color contrast module]. | |||
== Usage == | == Usage == | ||
Latest revision as of 07:48, 6 January 2025
Find more details at Wikipedia's Color contrast module.
Usage
To use this module, you may use one of the above listed templates or invoke the module directly
- To compute relative luminescence:
{{ColorToLum|color}}or{{#invoke:Color contrast|lum|color}} - To compute a contrast ratio between two colors:
{{Color contrast ratio|color1|color2|error=?}}or{{#invoke:Color contrast|ratio|color1|color2|error=?}} - To determine which of two colors (color2a and color2b) has the greater contrast ratio with a particular color (color1):
{{Greater color contrast ratio|color1|color2a|color2b}}or{{#invoke:Color contrast|greatercontrast|color1|color2a|color2b}} - To compute the contrast ratio between the background and text colors specified in a css style string:
{{#invoke:Color contrast|styleratio|css style statement string|default background color|default text color}}