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 edit

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

Blocks edit

  •    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 edit

  •    group 18 → #c0ffff Note: noble gases

Categories metal–metalloid–nonmetal edit

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

Standard atomic weight edit

  •    saw-header → #b0e0e6 
  •    saw → #e1fcff 
  •    msi-header → #c3ffd8 
  •    msi → #e1ffec 
msi = most stable isotope

Year and era edit

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

Numbers edit

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 edit

See Lists of metalloids § Chronological list

  •    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 edit

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

Occurrence (cell border) edit

  •    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 edit

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

State of matter (font color) edit

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


Setting a default color edit

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


"Unknown" variants edit

Usable in mainspace

  •    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 edit

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 edit

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

Color names edit

  •    Black → #000000 
  •    White → #ffffff 
  •    blue → #0000ff 
  •    green → #008000 
  •    red → #ff0000 
  •    yellow → #ffff00 

Table background edit

  •    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 edit

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

Tracking and warning edit

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 edit

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

TemplateData for 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

ParameterDescriptionTypeStatus
Color class name1

Predefined class name to return its legend color

Example
alkali metal
Stringrequired

Deprecated and experimental parameters edit

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

See also edit