Sarna News: Bad 'Mechs - Icestorm

Module:Color contrast/doc

< Module:Color contrast
Revision as of 11:05, 14 December 2023 by Deadfire (talk | contribs) (Doc creation)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

It is also used in the following Modules

The formulas used are stated in WCAG 2.x specifications. WCAG is the main guideline for creating accessible interfaces on the web.

Usage[edit]

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}}