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

  • {{Element color|Alkali metal}}#ff6666
  • 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.

Font color options ᱥᱟᱯᱲᱟᱣ

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

State of matter (font color) ᱥᱟᱯᱲᱟᱣ

  • A  Solid → #000000 
  • A  Liquid → #007000 
  • A  Gas → #cb0000 
  • A  Unknown phase → #606060 

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 

Background color options ᱥᱟᱯᱲᱟᱣ

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

Metal–nonmetal categories ᱥᱟᱯᱲᱟᱣ

  •    Alkali metals → #ff6666 
  •    Alkaline earth metals → #ffdead 
  •    Lanthanides → #ffbfff 
  •    Actinide → #ff99cc 
  •    Transition metal → #ffc0c0 
  •    Post-transition metal → #cccccc 
  •    Metalloid → #cccc99 
  •    Reactive nonmetal → #f0ff8f 
  •    Noble gas → #c0ffff 
  •    Unknown chemical properties → #e8e8e8 

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)}}

Blocks ᱥᱟᱯᱲᱟᱣ

  •    s-block → #ff9999 
  •    p-block → #fdff8c 
  •    d-block → #99ccff 
  •    f-block → #9bff99 
  •    g-block → #fd99ff Note: unused, g-block does not exist. This color is used to derive the 'predicted' color

In period 8, theoretical elements:

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

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%

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 → #606060  --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 

ᱪᱷᱟᱸᱪ:Element color/table/overview

Colors hardcoded ᱥᱟᱯᱲᱟᱣ

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


Template data ᱥᱟᱯᱲᱟᱣ

This is the TemplateData documentation for this template used by VisualEditor and other tools; Italic textsee the monthly error report for this template.

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 ᱥᱟᱯᱲᱟᱣ

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

See also ᱥᱟᱯᱲᱟᱣ