Template:Element color

Template documentation[view] [edit] [history] [purge]

This template returns the element's legend color, to be used in HTML makeup:

{{Element color|f-block}} → #9bff99

Some color codes are designed as fontcolor.

Some return values are designed as full border settings:
{{Element color|Synthetic}} → 2px dotted #6e6e8e

Note: the true code returned is like: #ffc0c0; (# being "#"). This way, any HTML page will not use "#" to start a numbered list.

Background color options

style=background attribute value

In code: style="background:{{element color|alkali metals}};"

Blocks

s-block → #ff9999
p-block → #fdff8c
d-block → #99ccff
f-block → #9bff99
g-block → #fd99ff
h-block → #7ed9d9
i-block → #e0c880

Theoretical elements (option, usually full color is used. See g-block):

s-block (predicted) → #ffcccc
p-block (predicted) → #ffffbf
d-block (predicted) → #c7eeff
f-block (predicted) → #cdffcc
g-block (predicted) → #febfff

Groups

group 18 → #c0ffff Note: noble gases

Categories metal–metalloid–nonmetal

Metal → #eee8aa
Metalloid → #cccc99
Non-metal → #b0e0e6

Standard atomic weight

saw-header → #b0e0e6
saw → #e1fcff
msi-header → #c3ffd8
msi → #e1ffec

msi = most stable isotope

Year and era

Antiquity to Middle Ages → #ffb9b9
Before 1800 → #dfcdff
1800-1849 → #cbffb9
1850-1899 → #b9ffe4
1900-1949 → #ffe2b9
1950-1999 → #fff6b9
2000-present → #ffb9ef

Example: {{Periodic table (discovery periods)}}

Numbers

Used in: Valence (chemistry)#Maximum valences of the elements These colors correspond to the Alkali metal–noble gases range

0 → #c0ffff
1 → #ff8989
2 → #ffdead
3 → #ffbfff
4 → #cccccc
5 → #cccc99
6 → #a0ffa0
7 → #ffff99
8 → #d1ddff
9 → #c6dd9d
unknown valence → #ededed

Metalloid cite classes

See Template:Periodic table (list of metalloid lists)

Metalloid citeclass 1of4 → #baffba Note: currently: 93%
Metalloid citeclass 2of4 → #badcff Note: currently: 44%
Metalloid citeclass 3of4 → #ffbadc Note: currently: 24%
Metalloid citeclass 4of4 → #ffffba Note: currently: 9%

Cell border options

style=border attribute value

In code: style="border:{{element color|synthetic}};"

Occurrence (cell border)

Primordial → 2px solid #6e6e8e
From decay → 2px dashed #6e6e8e Note: "Natural radio" deprecated
Synthetic → 2px dotted #6e6e8e
Undiscovered → 2px solid transparent
None → 2px solid transparent

Font color options

style=color attribute value

In code: style="color:{{element color|gas}};"

State of matter (font color)

A Solid → #000000
A Liquid → #000000
A Gas → #000000
A Unknown phase → #000000

Setting a default color

|1=not a color name |default=#aabbcc → #aabbcc (use # not #)

|1=not a color name |default=thistle → thistle

"Unknown" variants

Usable in mainspace

Unknown → #ffffff Note: Deprecated, too generic
White → #ffffff
Unknown chemical properties → #e8e8e8 -- Category
A Unknown phase → #000000 --SoM
Undiscovered → 2px solid transparent Note: Border -- Occurrence
none → 2px solid transparent Note: Border -- Occurrence

Wikipedia article quality

Used in: Wikipedia:WikiProject Elements/Articles/Periodic Table by Quality

aq-FA → #6699ff
aq-A → #66ffff
aq-GA → #55cc55 Note: Formal color is #66ff66
aq-B → #bcff66 Note: Formal color is #b2ff66
aq-C → #ffff66
aq-Start → #ffaa66
aq-Stub → #ff6666

Wikipedia article importance

imp-Top → #ff00ff
imp-High → #ff88ff
imp-Mid → #ffbbff
imp-Low → #ffddff
imp-??? → #f8f9fa
imp-n/a → #f5f5f5

Color names

Black → #000000
White → #ffffff

blue → #0000ff
green → #008000
red → #ff0000
yellow → #ffff00

Table background

table title → #d8d8d8
table header → #e0e0e0
table colheader → #e8e8e8
table mark → #f0f0f0
table background → #f8f8f8
table border → #a9a9a9

**Available background colors for periodic tables**
Usage: {{Element color|table header}}
Specification (1st parameter)	Alternative specification	Returns color	Note
`title`	`caption`	`#d8d8d8`
`header`		`#e0e0e0`
`colheader`	`rowheader, subheader`	`#e8e8e8`
`mark`		`#f0f0f0`
`background`	`bg`	`#f8f8f8`	Also the default return value
`border`		`#a9a9a9`	Equals predefined color "grey"

Colors hardcoded

The same colors, with the same key, may be hardcoded in templates and pages:

See Category:Pages containing element color directly (0)
{{Periodic table (32 columns, micro)/elementcell}}
{{Periodic table (Goldschmidt classification)}} (cells, not the legend)
{{Periodic table (electron configuration lanthanides)}}
{{Infobox element/symbol-to-occurrence/format2}}
{{Infobox element/symbol-to-block/format2}}

Tracking and warning

Element color ID's used in mainspace (articles) but not in {{Element color}} are listed in Category:Element color has unknown ID (0); these articles show awarning in preview.

Template data

This is the TemplateData documentation for this template used by VisualEditor and other tools.

Element color

This template returns an RGB color number, for usage in css style setting (style="background:#ab23a6"). For certain input, a css fontcolor or border style is returned.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Color class name	`1`	Predefined class name to return its legend color Example alkali metal	String	required

Deprecated and experimental parameters

Those not for mainspace are kept in {{Element color/secondary}}