Template:ColorCell

File:Test Template Info-Icon - Version (2).svg Template documentation[view] [edit] [history] [purge]

This is the color template. The colors of this table cell template can be changed to many varieties.

Usage

Syntax	Appearance	Custom text	Appearance		WCAG level for blue links
{{ColorCell}}		{{ColorCell|White}}	White	Link
{{ColorCell|type=yellow}}		{{ColorCell|type=yellow|Yellow}}	Yellow	Link
{{ColorCell|type=lyellow}}		{{ColorCell|type=lyellow|Light yellow}}	Light yellow	Link
{{ColorCell|type=lime}}		{{ColorCell|type=lime|Lime}}	Lime	Link
{{ColorCell|type=llime}}		{{ColorCell|type=llime|Light lime}}	Light lime	Link
{{ColorCell|type=lgreen}}		{{ColorCell|type=lgreen|Light green}}	Light green	Link
{{ColorCell|type=llgreen}}		{{ColorCell|type=llgreen|Very light green}}	Very light green	Link
{{ColorCell|type=aqm}}		{{ColorCell|type=aqm|Aquamarine}}	Aquamarine	Link
{{ColorCell|type=laqm}}		{{ColorCell|type=laqm|Light aquamarine}}	Light aquamarine	Link
{{ColorCell|type=cyan}}		{{ColorCell|type=cyan|Cyan}}	Cyan	Link
{{ColorCell|type=lcyan}}		{{ColorCell|type=lcyan|Light cyan}}	Light cyan	Link
{{ColorCell|type=lblue}}		{{ColorCell|type=lblue|Light blue}}	Light blue	Link	AA
{{ColorCell|type=llblue}}		{{ColorCell|type=llblue|Very light blue}}	Very light blue	Link	AA
{{ColorCell|type=lpurple}}		{{ColorCell|type=lpurple|Light purple}}	Light purple	Link	AA
{{ColorCell|type=llpurple}}		{{ColorCell|type=llpurple|Very light purple}}	Very light purple	Link	AA
{{ColorCell|type=magenta}}		{{ColorCell|type=magenta|Magenta}}	Magenta	Link	AA
{{ColorCell|type=lmagenta}}		{{ColorCell|type=lmagenta|Light magenta}}	Light magenta	Link	AA
{{ColorCell|type=lred}}		{{ColorCell|type=lred|Light red}}	Light red	Link	AA
{{ColorCell|type=llred}}		{{ColorCell|type=llred|Very light red}}	Very light red	Link	AA
{{ColorCell|type=orange}}		{{ColorCell|type=orange|Orange}}	Orange	Link	AA
{{ColorCell|type=lorange}}		{{ColorCell|type=lorange|Light orange}}	Light orange	Link	AA
{{ColorCell|type=yellow2}}		{{ColorCell|type=yellow2|Light gold}}	Light gold	Link	AA
{{ColorCell|type=lyellow2}}		{{ColorCell|type=lyellow2|Very light gold}}	Very light gold	Link	AA
{{ColorCell|type=gray}}		{{ColorCell|type=gray|Gray}}	Gray	Link	AA
{{ColorCell|type=lgray}}		{{ColorCell|type=lgray|Light gray}}	Light gray	Link	AA

The templates in this series are designed to be used in a table to make a cell with text in that cell, with an appropriately colored background. They are commonly used in comparison tables. Most of these templates should not be used simply to produce a background color, use them according to their meaning.

For example, {{yes}} makes a cell with a green background. The text in the cell is taken from the first parameter; {{yes|Sure}} would output "Sure" otherwise it defaults to "Yes". Most templates allow authors to override the default text in this way, some require text put after the template call and some also need a vertical bar in between: {{table cell template}} text or {{table cell template}} | text. This information, the colors and default texts are found in the table below.

red-outlined triangle containing exclamation point Important: If you want to use other attributes for the table cells, e.g. colspan, rowspan, or style, they need to be put before the template call, and there must be no vertical bar (aka pipe) | in-between them:

Yes	No	—
Yes/No

...
!{{Yes}} ||{{No}} ||rowspan=2 {{n/a}}
|-
|colspan=2 style="border:solid 3px Maroon" {{Yes-No}}
...

Templates

Table cell templates

Class	Default		Customized
	Syntax	Preview	Syntax	Preview
table-rh	{{rh}} | Row header	Row header	{{rh|align=right}} | Row header	Row header
	{{rh2}} | Row header	Row header	{{rh2|align=center}} | Row header	Row header
table-yes	{{yes}}	Yes	{{yes|customized [[plain text|text]]}}	customized text
	{{yes C}}	File:Green check.svg Yes	{{yes C|customized [[plain text|text]]}}	File:Green check.svg customized text
	{{yes O}}	File:Symbol confirmed.svg Yes	{{yes O|customized [[plain text|text]]}}	File:Symbol confirmed.svg customized text
	{{yes N}}	Yes	{{yes N|customized [[plain text|text]]}}	customized text
table-maybe	{{maybe}}	Maybe	{{maybe|customized [[plain text|text]]}}	customized text
table-no	{{no}}	No	{{no|customized [[plain text|text]]}}	customized text
	{{no O}}	File:Pictogram voting delete.svg No	{{no O|customized [[plain text|text]]}}	File:Pictogram voting delete.svg customized text
	{{no X}}	File:Dark Red x.svg No	{{no X|customized [[plain text|text]]}}	File:Dark Red x.svg customized text
	{{eliminated}}	Eliminated	{{eliminated|dropped out}}	dropped out
	{{lost}}	Lost	{{lost|missing}}	missing
	{{active fire|12%}}	Active (12%)
	{{safe}}	Safe	{{safe|protected}}	protected
	{{no Y}}	No	{{no Y|customized [[plain text|text]]}}	customized text
table-active	{{active}}	Active	{{active|live}}	live
table-siteactive	{{site active}}	Active	{{site active|up}}	up
	{{coming soon}}	Coming soon	{{coming soon|second half of the year}}	second half of the year
table-siteinactive	{{site inactive}}	Inactive	{{site inactive|down}}	down
table-success	{{success}}	Success	{{success|mission complete}}	mission complete
	{{operational}}	Operational	{{operational|returning data}}	returning data
table-failure	{{failure}}	Failure	{{failure|wrong orbit}}	wrong orbit
table-yes2	{{yes2}}		{{yes2|text}}	text
	{{ya}}	Yes	{{ya|text=ya}}	ya
	{{ya|Ya}}	Ya	{{ya|text|link=WP:ALT}}	text
	{{yan}}	Yes	{{yan|text=ya}}	ya
	{{won}}	Won	{{won|text=white|color=darkblue|winner}}	winner
	{{won|place=1}}	1	{{won|place=gold}}	gold
	{{won|place=2}}	2	{{won|place=silver}}	silver
	{{won|place=3}}	3	{{won|place=bronze}}	bronze
	{{WinDL}}	W	{{WinDL|win}}	win
	{{WinDL|res=D}}	D	{{WinDL|res=draw}}	draw
	{{WinDL|res=L}}	L	{{WinDL|res=loss}}	loss
table-no2	{{no2}}		{{no2|text}}	text
	{{na}}	No	{{na|text=na}}	na
	{{na|Na}}	Na	{{na|text|link=WP:ALT}}	text
	{{nan}}	No	{{nan|text=na}}	na
	{{nom}}	Nominated	{{nom|5}}	5
	{{notnom}}	Not nominated	{{notnom|not selected}}	not selected
	{{sho}}	Shortlisted	{{sho|proposed}}	proposed
	{{longlisted}}	Longlisted	{{longlisted|rejected}}	rejected
	{{TBA}}	TBA	{{TBA|to be announced}}	to be announced
table-partial	{{partial}}	Partial	{{partial|almost done}}	almost done
	{{Regional}}	Regional	{{Regional|Uyghur}}	Uyghur
	{{MaybeCheck}}	Maybe	{{MaybeCheck|text=possibly}}	possibly
	{{MaybeCheck|possibly}}	possibly	{{MaybeCheck|text|link=WP:ALT}}	text
	{{partial success}}	Partial success	{{partial success| reached orbit and returned pictures}}	reached orbit and returned pictures
	{{partial failure}}	Partial failure	{{partial failure|[[Cubesat]] not deployed}}	Cubesat not deployed
	{{okay}}	Neutral	{{okay|C}}	C
	{{Yes-No}}	Yes/No	{{Yes-No|yes with an if; no with a but}}	yes with an if; no with a but
	{{some}}	Some	{{some|many}}	many
	{{pending}}	Pending	{{pending|awaiting}}	awaiting
	{{sometimes}}	Sometimes	{{sometimes|occasionally}}	occasionally
	{{rarely}}	Rarely	{{rarely|seldom}}	seldom
	{{usually}}	Usually	{{usually|commonly}}	commonly
	{{unofficial}}	Unofficial	{{unofficial|''de facto''}}	de facto
	{{unofficial2}}	Unofficial	{{unofficial2|''de facto''}}	de facto
	{{nonpartisan}}	Nonpartisan	{{nonpartisan|impartial}}	impartial
table-any	{{any}}	Any	{{any|anyone}}	anyone
table-automatic	{{perhaps}}	Perhaps	{{perhaps|maybe}}	maybe
table-draw	{{draw}}		{{draw|1:1}}	1:1
table-noAttempt	{{No attempt}}	No attempt	{{No attempt|No landing attempted}}	No landing attempted
table-na	{{n/a}}	—	{{n/a|unavailable}}	unavailable
	{{varies}}	Varies	{{varies|differs}}	differs
	{{non-album single}}	Non-album single	{{non-album single|EP}}	Non-album single
	{{non-album singles}}	Non-album singles	{{non-album singles|EP}}	Non-album singles
	{{unreleased}}	Unreleased	{{unreleased|shelved}}	shelved
	{{BLACK}}	N/A	{{BLACK|banned}}	banned
	{{sdash}}	—	{{sdash|[[File:Dash.svg|13px|dash icon]]}}	dash
	{{vacant}}	Vac­ant	{{vacant|missing}}	missing
table-unknown	{{unknown}}	Un­known	{{unknown|?}}	?
	{{dunno}}	?	{{dunno|not sure}}	not sure
table-included	{{included}}	Included	{{included|incorporated}}	incorporated
noresult	{{no result}}	No result	{{no result|NR}}	NR
table-planned	{{planned}}	Planned	{{planned|July 2028}}	July 2028
table-scheduled	{{scheduled}}	Scheduled	{{scheduled|3 March 2027}}	3 March 2027
table-software	{{beta}}	Beta	{{beta|preview}}	preview
	{{table-experimental}}	Experimental	{{table-experimental|lab}}	lab
	{{nightly}}	Nightly build	{{nightly|dev}}	dev
	{{release-candidate}}	Release candidate	{{release-candidate|RC}}	RC
	{{open source}}	Open source	{{open source|software libre}}	software libre
	{{free}}	Free	{{free|empty}}	empty
	{{proprietary}}	Proprietary	{{proprietary|custom extension}}	custom extension
	{{nonfree}}	Non-free	{{nonfree|paid}}	paid
	{{needs}}	Needs	{{needs|req.}}	req.
table-depends	{{depends}}	Depends	{{depends|vendor-defined}}	vendor-defined
table-dropped	{{dropped}}	Dropped	{{dropped|discontinued}}	discontinued
	{{terminated}}	Terminated	{{terminated|fired}}	fired
incorrect	{{incorrect}}	Incorrect	{{incorrect|wrong}}	wrong
table-debate	{{D-P}}	P	{{D-P|present}}	present
	{{D-A}}	A	{{D-A|absent}}	absent
	{{D-I}}	I	{{D-I|invited}}	invited
	{{D-O}}	O	{{D-O|invited to other debate}}	invited to other debate
	{{D-N}}	N	{{D-N|not invited}}	not invited
	{{D-Nv}}	NV	{{D-Nv|not voting}}	not voting
	{{D-W}}	W	{{D-W|withdrawn}}	withdrawn
	{{D-Out}}	Out	{{D-Out|out of race}}	out of race
table-cast	{{CMain}}	Main	{{CMain|text}}	text
	{{CAlso starring}}	Also starring	{{CAlso starring|costar}}	costar
	{{CRecurring}}	Recurring	{{CRecurring|regular guest}}	regular guest
	{{CGuest}}	Guest	{{CGuest|victim}}	victim
	{{COther}}	Does not appear	{{COther|ensemble}}	ensemble
	{{CNone}}	Does not appear	{{CNone|cast}}	cast
	{{CEmpty}}
	{{CRemoved}}	removed	{{CRemoved|edited}}	edited
	{{CFinalist}}	Finalist	{{CFinalist|contender}}	contender
	{{CFinalist|place=3rd Place}}	3rd Place	{{CFinalist|place=third place}}	third place
	{{exempt}}	exempt	{{Black Exempt}}	B.Exempt
	{{nocontest}}		{{nocontest|rescheduled}}	rescheduled
	{{Runner-up}}	Runner-up	{{Runner-up|2nd Place}}	2nd Place
	{{Quit}}	Quit	{{Quit|left}}	left
no class	{{not yet}}	Not yet	{{not yet|NY}}	NY
	{{optional}}	Optional	{{optional|non-mandatory}}	non-mandatory
	{{shade|100}}%	100%	{{shade|color=blue|100}}%	100%
	{{shade|75}}%	75%	{{shade|color=blue|75|73–78}}%	73–78%
	{{shade|25}}%	25%	{{shade|color=blue|25|{{val|25|2|u=%}}}}	25%±2%
	{{shade|0}}%	0%	{{shade|color=blue|0}}%	0%
	{{ColorCell}}		{{ColorCell|Blank}}	Blank
	{{ColorCell|type=lred}}		{{ColorCell|type=lred|Red}}	Red
	{{ColorCell|type=lgreen}}		{{ColorCell|type=lgreen|Green}}	Green

Code

Common code to most if not all the templates in this series:

style="background: #abcdef; color: black; vertical-align: middle; text-align: {{{align|center}}}; {{{style|text-transform: capitalize;}}}" class="automatic table-automatic"| {{{1|text}}}

Code specific to this template:

style="background: none; color: black; vertical-align: middle; text-align: center; "|

Creating new templates

To make a new table cell template you can use:

<syntaxhighlight lang=text inline>{{subst:Table cell templates|text= default text |bg= background color |class= a class name without prefix |align= standard horizontal alignment}}</syntaxhighlight>

You should leave out the align parameter and often the class parameter is unnecessary, too.

Add the new template to the table in the common documentation afterwards. Please consider reusing one of the other templates and please choose the color sensibly.

If you find a table cell template that does not take a parameter and you want to be able to change the text in the cell, do not duplicate the template! Instead, edit the template and change the text to a default parameter substitution. For example, if a template's text is Dropped, change that to {{{1|Dropped}}}.

<syntaxhighlight lang=text inline>style="background: #abcdef; color: black; vertical-align: middle; text-align: center; " class="automatic table-automatic"| text</syntaxhighlight>

Choosing a color

When changing or creating a new template, follow the use of colour guidelines and the color accessibility guidelines when choosing the background color and, sometimes, the text color. Many of these templates can be used with links to other articles or references, so the links should be clearly identifiable against the background color. You can check contrast level using the WebAIM contrast checker by setting the foreground color to the blue link color. Contrast should be at the minimum WCAG AA level and, whenever possible, at WCAG AAA level. Wikipedia:Manual of Style/Accessibility/Colors has a set of colors that comply with WCAG AAA and WCAG AA for unvisited links and normal text.

Color subpage

All templates should either have a /bgcolor subpage that contains nothing but a valid CSS color code, possibly wrapped in nowiki tags, e.g. #BFD, which can be included with background: {{/bgcolor}}; in the style attribute, or they should reference another template's subpage, e.g. background: {{Template:Yes2/bgcolor}};. Alternatively, the /bgcolor subpage may redirect to another color code subpage: #REDIRECT [[yes2/bgcolor]].

This way, pages that are using these templates may also use {{legend}} and similar templates which can reference the actual color: {{legend|{{yes2/bgcolor}}|supported}}

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:ColorCell in articles based on its TemplateData.

TemplateData for ColorCell

<templatedata> { "description": "One of several templates for styling individual table cells with standard contents and colors.", "format": "inline", "params": { "1": { "label": "text", "description": "text to be displayed instead of the default; if this doesn't work put the text after the template, possibly with a vertical bar

See also

• {{Change}} – calculates, displays and color-codes changes between two values
• {{BSD-lic}} – specialized redirect for {{free}}
• {{GPL-lic}} – specialized redirect for {{free}}
• {{LGPL-lic}} – specialized redirect for {{free}}
• {{Active}} / {{No result}} / {{Eliminated}} for comparison tables

Notes

The documentation on top is transcluded from Template:ColorCell/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.