Module:Color contrast/doc - Revision history

Nux: /* Usage */ template name fix

2025-02-18T00:25:39Z

Usage: template name fix

← Previous revision		Revision as of 00:25, 18 February 2025
Line 23:		Line 23:
	To use this module, you may use one of the above listed templates or invoke the module directly		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}}</~~nowiki></code~~>		* To compute relative luminescence: <br> <syntaxhighlight lang="wikitext" inline>{{RGBColorToLum\|color}}</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|lum\|color}}</syntaxhighlight>
	* 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~~>		* To compute a contrast ratio between two colors: <br> <syntaxhighlight lang="wikitext" inline>{{Color contrast ratio\|color1\|color2\|error=?}}</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|ratio\|color1\|color2\|error=?}}</syntaxhighlight>
	* 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~~>		* To determine which of two colors (color2a and color2b) has the greater contrast ratio with a particular color (color1): <br> <syntaxhighlight lang="wikitext" inline>{{Greater color contrast ratio\|color1\|color2a\|color2b}}</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|greatercontrast\|color1\|color2a\|color2b}}</syntaxhighlight>
	* 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~~>		* To compute the contrast ratio between the background and text colors specified in a css style string: <br> <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</syntaxhighlight>

	<includeonly>{{sandbox other\|\|		<includeonly>{{sandbox other\|\|

Warudo: Added the page to :Category:Module documentation pages

2024-08-29T20:48:52Z

Added the page to Category:Module documentation pages

← Previous revision		Revision as of 20:48, 29 August 2024
Line 31:		Line 31:
	[[Category:Modules handling colors]]		[[Category:Modules handling colors]]
	}}</includeonly>		}}</includeonly>
			<noinclude>
			[[Category:Module documentation pages]]
			</noinclude>

Nintendofan885: should be like this

2023-03-02T19:43:25Z

should be like this

← Previous revision		Revision as of 19:43, 2 March 2023
Line 5:		Line 5:

	This module is used primarily by		This module is used primarily by
	* {{tl\|Color contrast ratio}} / {{tl\|RGBColorToLum}}		* {{tl\|Color contrast ratio}}
			* {{tl\|RGBColorToLum}}
	* {{tl\|Color contrast conformance}}		* {{tl\|Color contrast conformance}}
	* {{tl\|Ensure AAA contrast ratio}}		* {{tl\|Ensure AAA contrast ratio}}

Nintendofan885: template deleted

2023-03-02T19:42:23Z

template deleted

← Previous revision		Revision as of 19:42, 2 March 2023
Line 5:		Line 5:

	This module is used primarily by		This module is used primarily by
	* {{tl\|Color contrast ratio}}		* {{tl\|Color contrast ratio}} / {{tl\|RGBColorToLum}}
	* {{tl\|ColorToLum}} / {{tl\|RGBColorToLum}}
	* {{tl\|Color contrast conformance}}		* {{tl\|Color contrast conformance}}
	* {{tl\|Ensure AAA contrast ratio}}		* {{tl\|Ensure AAA contrast ratio}}

Stjn: a note about the formulas, semantics

2022-02-13T16:08:49Z

a note about the formulas, semantics

← Previous revision		Revision as of 16:08, 13 February 2022
Line 5:		Line 5:

	This module is used primarily by		This module is used primarily by
	: {{tl\|Color contrast ratio}}		* {{tl\|Color contrast ratio}}
	: {{tl\|ColorToLum}} / {{tl\|RGBColorToLum}}		* {{tl\|ColorToLum}} / {{tl\|RGBColorToLum}}
	: {{tl\|Color contrast conformance}}		* {{tl\|Color contrast conformance}}
	: {{tl\|Ensure AAA contrast ratio}}		* {{tl\|Ensure AAA contrast ratio}}
	: {{tl\|Ensure AA contrast ratio}}		* {{tl\|Ensure AA contrast ratio}}
	: {{tl\|Greater color contrast ratio}}		* {{tl\|Greater color contrast ratio}}
	It is also used for tracking within		It is also used for tracking within
	: [[Module:Navbox]]		* [[Module:Navbox]]
	: [[Module:Userbox]]		* [[Module:Userbox]]
	: [[Module:Episode list]]		* [[Module:Episode list]]
	and for documentation in		and for documentation in
	: [[Module:College color]]		* [[Module:College color]]

			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 ==		== Usage ==
	To use this module, you may use one of the above listed templates or invoke the module directly		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}}</nowiki></code>
	To compute relative luminescence
	: <code><nowiki>{{~~ColorToLum~~\|~~color~~}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast\|~~lum~~\|~~color~~}}</nowiki></code>		* 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>
			* 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>
	To compute a contrast ratio between two colors
	: ~~<code><nowiki>{{Color~~ contrast ratio~~\|color1\|color2\|error=?}}~~<~~/nowiki~~>~~</code> or~~ <code><nowiki>{{#invoke:Color contrast\|~~ratio~~\|~~color1~~\|~~color2~~\|~~error=?~~}}</nowiki></code>		* 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>
	To determine which of two colors (color2a and color2b) has the greater contrast ratio with a particular color (color1)
⚫	: <code><nowiki>{{~~Greater color contrast ratio~~\|~~color1\|color2a\|color2b~~}}</nowiki></code> or <code><nowiki>{{#invoke:Color contrast\|~~greatercontrast~~\|~~color1\|color2a\|color2b~~}}</nowiki></code>
	To compute the contrast ratio between the background and text colors specified in a css style string
	: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>

	<includeonly>{{sandbox other\|\|		<includeonly>{{sandbox other\|\|

DePiep at 19:25, 26 August 2021

2021-08-26T19:25:54Z

← Previous revision		Revision as of 19:25, 26 August 2021
Line 30:		Line 30:
	: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>		: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>

	<includeonly>		<includeonly>{{sandbox other\|\|
	[[Category:Modules handling colors]]		[[Category:Modules handling colors]]
	</includeonly>		}}</includeonly>

DePiep: not showing up in cat?

2021-01-07T15:11:33Z

not showing up in cat?

← Previous revision		Revision as of 15:11, 7 January 2021
Line 30:		Line 30:
	: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>		: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>

	<includeonly>~~{{sandbox other\|\|~~		<includeonly>
	<!-- Categories go here and interwikis go in Wikidata. -->
	[[Category:Modules handling colors]]		[[Category:Modules handling colors]]
	}}</includeonly>		</includeonly>

DePiep at 02:14, 7 January 2021

2021-01-07T02:14:32Z

← Previous revision		Revision as of 02:14, 7 January 2021
Line 30:		Line 30:
	: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>		: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>

	<includeonly>{{sandbox ~~main~~\|\|		<includeonly>{{sandbox other\|\|
	<!-- Categories go here and interwikis go in Wikidata. -->		<!-- Categories go here and interwikis go in Wikidata. -->
	[[Category:Modules handling colors]]		[[Category:Modules handling colors]]

DePiep at 02:14, 7 January 2021

2021-01-07T02:14:02Z

← Previous revision		Revision as of 02:14, 7 January 2021
Line 30:		Line 30:
	: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>		: <code><nowiki>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</nowiki></code>

	<includeonly>{{~~#ifeq:{{SUBPAGENAME}}\|~~sandbox\|\|		<includeonly>{{sandbox main\|\|
	<!-- Categories go here and interwikis go in Wikidata. -->		<!-- Categories go here and interwikis go in Wikidata. -->
			[[Category:Modules handling colors]]

	}}</includeonly>		}}</includeonly>

JsfasdF252: don't need two module ratings

2020-10-23T03:52:26Z

don't need two module ratings

← Previous revision		Revision as of 03:52, 23 October 2020
Line 1:		Line 1:
	<!-- Categories go at the bottom of this page and interwikis go in Wikidata. -->		<!-- Categories go at the bottom of this page and interwikis go in Wikidata. -->
	{{module rating\|release}}
	{{module rating\|protected}}		{{module rating\|protected}}
	{{High-use\|325916}}		{{High-use\|325916}}

← Previous revision		Revision as of 00:25, 18 February 2025
Line 23:		Line 23:
	To use this module, you may use one of the above listed templates or invoke the module directly		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}}</~~nowiki></code~~>		* To compute relative luminescence: <br> <syntaxhighlight lang="wikitext" inline>{{RGBColorToLum\|color}}</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|lum\|color}}</syntaxhighlight>
	* 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~~>		* To compute a contrast ratio between two colors: <br> <syntaxhighlight lang="wikitext" inline>{{Color contrast ratio\|color1\|color2\|error=?}}</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|ratio\|color1\|color2\|error=?}}</syntaxhighlight>
	* 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~~>		* To determine which of two colors (color2a and color2b) has the greater contrast ratio with a particular color (color1): <br> <syntaxhighlight lang="wikitext" inline>{{Greater color contrast ratio\|color1\|color2a\|color2b}}</syntaxhighlight> or <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|greatercontrast\|color1\|color2a\|color2b}}</syntaxhighlight>
	* 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~~>		* To compute the contrast ratio between the background and text colors specified in a css style string: <br> <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast\|styleratio\|css style statement string\|default background color\|default text color}}</syntaxhighlight>

	<includeonly>{{sandbox other\|\|		<includeonly>{{sandbox other\|\|

← Previous revision		Revision as of 19:43, 2 March 2023
Line 5:		Line 5:

	This module is used primarily by		This module is used primarily by
	* {{tl\|Color contrast ratio}} / {{tl\|RGBColorToLum}}		* {{tl\|Color contrast ratio}}
			* {{tl\|RGBColorToLum}}
	* {{tl\|Color contrast conformance}}		* {{tl\|Color contrast conformance}}
	* {{tl\|Ensure AAA contrast ratio}}		* {{tl\|Ensure AAA contrast ratio}}

← Previous revision		Revision as of 19:42, 2 March 2023
Line 5:		Line 5:

	This module is used primarily by		This module is used primarily by
	* {{tl\|Color contrast ratio}}		* {{tl\|Color contrast ratio}} / {{tl\|RGBColorToLum}}
	* {{tl\|ColorToLum}} / {{tl\|RGBColorToLum}}
	* {{tl\|Color contrast conformance}}		* {{tl\|Color contrast conformance}}
	* {{tl\|Ensure AAA contrast ratio}}		* {{tl\|Ensure AAA contrast ratio}}