This is the documentation page for Module:Color contrast


This module is used primarily by

It is also used for tracking within

and for documentation in

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:
    <syntaxhighlight lang="wikitext" inline>Template:RGBColorToLum</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline></syntaxhighlight>
  • To compute a contrast ratio between two colors:
    <syntaxhighlight lang="wikitext" inline>Template:Color contrast ratio</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>?</syntaxhighlight>
  • To determine which of two colors (color2a and color2b) has the greater contrast ratio with a particular color (color1):
    <syntaxhighlight lang="wikitext" inline></syntaxhighlight> or <syntaxhighlight lang="wikitext" inline></syntaxhighlight>
  • To compute the contrast ratio between the background and text colors specified in a css style string:
    <syntaxhighlight lang="wikitext" inline>21</syntaxhighlight>