Module:Color contrast/doc: Difference between revisions
From Kenshi Wiki
More actions
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
* [[Module:Navbox]] | * [[Module:Navbox]] | ||
* [[Module:Userbox]] | * [[Module:Userbox]] | ||
* | * This module should be seen as a soft dependency of others. Consider full replacement... | ||
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. | 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. |
Latest revision as of 23:01, 6 June 2025
This is a documentation subpage for Module:Color contrast. It may contain usage information, categories and other content that is not part of the original module page. |
Uses Lua: |
This module is used primarily by the following templates on Wikipedia. This wiki does not use any of them.
- {{tl|Color contrast ratio}}
- {{tl|RGBColorToLum}}
- {{tl|Color contrast conformance}}
- {{tl|Ensure AAA contrast ratio}}
- {{tl|Ensure AA contrast ratio}}
- {{tl|Greater color contrast ratio}}
It is also used for tracking within
- Module:Navbox
- Module:Userbox
- This module should be seen as a soft dependency of others. Consider full replacement...
The formulas used are 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:
{{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}}