Difference between revisions of "Templates"

From ShieldKings Wiki
Jump to: navigation, search
m (→‎Highlighter Colours)
m (→‎Highlighter Colours)
 
Line 954: Line 954:
  
 
==== Highlighter Colours ====
 
==== Highlighter Colours ====
 +
'''Note:''' '''<span style="color:#FF0000">ADD</span>''' [[Templates_Colours|Colour Ideas]]
 +
 
'''Note:''' '''<span style="color:#FF0000">ADD</span>''' a selection of colours for each type, ie. Date, Place Name, Region Name, etc.
 
'''Note:''' '''<span style="color:#FF0000">ADD</span>''' a selection of colours for each type, ie. Date, Place Name, Region Name, etc.
  

Latest revision as of 03:13, 27 October 2018

Making a comprehensive list of List of Templates and the various components in relation to them.

Note: ADD proper names and cross-internal links.

Note: ADD list of "special" details to add the various details for extras, ie. saltmarshes of Vashel, under Tamsen Forest.

Note: Text Highlight and Background Colour: Kandáy, Réthem, Thârda, Káldôr, Mèlderýn, Chybísa, Orbáal, Ázadmêre, Eváel.

Note: Green = I Have, Red = Don't Have, Orange = Old Scan, Blue = Misc, Black = ALL Base (Template)

Note: Colour Highlights: Yellow

Colour LINK Text: Possible Link NAME

Note: Hidden comments <!-- TEXT HERE WILL NOT BE DISPLAYED -->

Note: Anchor Points - Section linking WITHIN pages USE [[Help:Section#Section_linking|Section linking]] or To link to a section in the same page you can use [[#section name|displayed text]], and to link to a section in another page [[page name#section name|displayed text]].

Note: Section linking with arbitrary id USE <span id="anchor_name"></span>. Be sure to use a name that is not likely to be duplicated. One way to do this is to incorporate the titles of the higher-level sections, at least in abbreviated form, e.g., Ontario-Natural_features for the "Natural features" subsection of the "Ontario" section of an article about the provinces of Canada.

ADD inside Table Caption/Heaer Text

Contents

Templates

Replace “ ” with "

Replace ‘ ’ with '

Possible Link

INSERT TABLE

Coat of Arms
900px

Anchors

See: Template:Anchor

Setting Anchors

Note: Generic anchor: some text. For a hidden anchor, omit the "some text".

Manual Anchors

Set your anchor anywhere in the page by using Template:Anchor

Referencing Anchors

Inside a regular wiki link Anchor Link HERE, include the hash sign (#) and the header name or the id tag name as you have written it.

Links of the form #Template_Anchor will link to the first anchor on the page matching that "anchor_name", usually the first identical section heading.

Anchors IDEA

Note: IDEA: Using <span id="anchor_name">Anchor Point Text</span> could setup <span id="COL_REF#_Article_Page#_SectionName">named Anchors</span> where Linked Anchors are composed of it's Name Parts;

  • COL = Columbia Games (Fanon = FAN, etc.)
    • REF#" = Product Code
      • Article = Name of Article/Book
        • Page# = Page #
          • SectionName = The Chapter or referenced section.

Clade IDEA

Note: IDEA: Using a Clade Template


Categories IDEA

Note: IDEA: Categories are added to a Whole Page, whereas we only need to link to a Category Index. We could create a Category, list all the various parts for a TimeLine within that Category, and put a link for each Date, Settlement, etc. to that Category List. ie. Create a Page for the Main Index, hence creating the Category Index required, then inside their add a table of all the entries for that given Date, Settlement etc. until the Articles and so on are seperated.

Then a Lists of years by topic can be created for each list.

See: Help:Categories

Note: IDEA: Using <span id="anchor_name">Anchor Point Text</span> could setup <span id="COL_REF#_Article_Page#_SectionName">named Anchors</span> where Linked Anchors are composed of it's Name Parts, see above

Millennium
Viewpoint 1: X001–Y000
2 BC 1 BC 1 AD 2 3 4 5 ... 998 999 1000 1001 1002 1003 ... 1998 1999 2000 2001 2002 2003 ... 2998 2999 3000 3001 3002 3003 ...
First one thousand years (millennium) Second millennium Third millennium Fourth millennium
Viewpoint 2: X000–X999
Illustration of years with a 99–00 demarcation (starting AD 1)
1 BC 1 AD  2   3   4   5   ...  998 999 1000 1001 1002 ... 1998 1999 2000 2001 2002 ... 2998 2999 3000 3001 3002
First millennium Second millennium Third millennium Fourth millennium
Century
Viewpoint 1: Strict usage
2 BC 1 BC 1 2 3 4 5 ... 96 97 98 99 100 101 102 103 ... 198 199 200 ... 1901 1902 ... 1998 1999 2000 2001 2002 2003 ... 2098 2099 2100 2101 2102 2103 ... 2198 2199 2200
1st century 2nd century ... 20th century 21st century 22nd century
Viewpoint 2: General usage
2 BC 1 BC 1 2 3 4 5 ... 96 97 98 99 100 101 102 103 ... 198 199 ... 1900 1901 1902 ... 1998 1999 2000 2001 2002 2003 ... 2098 2099 2100 2101 2102 2103 ... 2198 2199
1st century 2nd century ... 20th century 21st century 22nd century
A
A
A
Linking to a category

[[:Category:Help|Help category]]

Anchors TAGs IDEA

Tags would then use Anchors when referenced through the books and interlink the areas together.

Maybe the links on Dates would jump to the Timeline?

Colours should be used on Text as well as the background colours to reflect the TYPE of category it's under, Settlement, Person, and so on

Colours

Note: ADD a range of colours using the following template ideas;

Basic Colour Table

Color Mixer ~ for blending colour to Colour

Basic Colour Table
Color HTML / CSS Name Hex Code #RRGGBB RGB Notes
Red #FF0000 (255, 0, 0) Primary
Orange #FF8000 (255,128,0) Tertiary
Yellow #FFFF00 (255, 255, 0) Secondary
Chartreuse #80FF00 (128, 255, 0) Tertiary
Lime #00FF00 (0, 255, 0) Primary
Spring Green #00FF7F (0, 255, 127) Tertiary
Cyan / Aqua #00FFFF (0, 255, 255) Secondary
Azure #007FFF (0, 127, 255) Tertiary
Blue #0000FF (0, 0, 255) Primary
Violet or Purple (Electric Indigo) #8000FF (128, 0, 255) Tertiary
Magenta / Fuchsia #FF00FF (255, 0, 255) Secondary
Rose #FF007F (255, 0, 128) Tertiary
Black #000000 (0,0,0)
White #FFFFFF (255,255,255)
Hues: Pure Colours
Tints: Hue + White
Tones: Hue + Grey
Shades: Hue + Black
  • Next between ? & ? are: Primary, Secondary, Tertiary, Quaternary, and Quinary

Colour Wheel Table

INSERT TABLE 5 Columns of colour type, Hex Background Colour & Text Colour, Category (used for), Notes.


USE Color Mixer to ADD the extra colours between.
  • Primary
    • Secondary
      • Tertiary
        • Quaternary
          • Quinary

Quaternary CMY:

yellow
amber
orange
vermilion
red
crimson
rose
cerise
magenta
purple
violet
ultramarine
blue
cerulean
azure
capri
cyan
aquamarine
spring green
erin
green
harlequin
chartreuse
lime
yellow


quaternary-color
red   + orange   = vermilion (red-orange)  
orange   + yellow   = amber (yellow-orange)  
yellow   + green   = chartreuse (yellow-green)  
green   + blue   = teal (blue-green)  
blue   + purple   = violet (blue-purple)  
purple   + red   = magenta (red-purple)  


{| |{{Color sample|yellow|yellow}} |- |{{Color sample|#FFBF00|'''amber'''}} |- |{{Color sample|#FF7F00|orange}} |- |{{Color sample|#FF3F00|'''vermilion'''}} |- |{{Color sample|red|red}} |- |{{Color sample|#FF003F|'''crimson'''}} |- |{{Color sample|#FF007F|rose}} |- |{{Color sample|#FF00BF|'''cerise'''}} |- |{{Color sample|magenta|magenta}} |- |{{Color sample|#BF00FF|'''purple'''}} |- |{{Color sample|#7F00FF|violet}} |- |{{Color sample|#3F00FF|'''ultramarine'''}} |- |{{Color sample|blue|blue}} |- |{{Color sample|#003FFF|'''cerulean'''}} |- |{{Color sample|#007FFF|azure}} |- |{{Color sample|#00BFFF|'''capri'''}} |- |{{Color sample|cyan|cyan}} |- |{{Color sample|#00FFBF|'''aquamarine'''}} |- |{{Color sample|#00FF7F|spring green}} |- |{{Color sample|#00FF3F|'''erin'''}} |- |{{Color sample|#00FF00|green}} |- |{{Color sample|#3FFF00|'''harlequin'''}} |- |{{Color sample|#7FFF00|chartreuse}} |- |{{Color sample|#CFFF00|'''lime'''}} |- |{{Color sample|yellow|yellow}}

{| |+'''RYB colors produced by mixing equal amounts of secondary and subsequent colors''' | {| |{{Color sample|#FEFE33|yellow}} |- |{{Color sample|#FF8000|'''orange'''}} |- |{{Color sample|#FE2712|red}} |- |{{Color sample|#800080|'''purple'''}} |- |{{Color sample|#0247FE|blue}} |- |{{Color sample|#66B032|'''green'''}} |- |{{Color sample|#FEFE33|yellow}} |} | {| |{{Color sample|#FF8000|orange}} |- |{{Color sample|#E37D6E|'''russet'''}} |- |{{Color sample|#800080|purple}} |- |{{Color sample|#989B9D|'''slate'''}} |- |{{Color sample|#66B032|green}} |- |{{Color sample|#DDD06A|'''citron'''}} |- |{{Color sample|#FF8000|orange}} |} | {| |{{Color sample|#E37D6E|russet}} |- |{{Color sample|#C2938D|'''plum'''}} |- |{{Color sample|#989B9D|slate}} |- |{{Color sample|#BCB88A|'''sage'''}} |- |{{Color sample|#DDD06A|citron}} |- |{{Color sample|#E0AB76|'''buff'''}} |- |{{Color sample|#E37D6E|russet}} |}

Hârn Kingdom Colours

Note: ADD Table

Note: Text Highlight and Background Colour: Kandáy, Réthem, Thârda, Káldôr, Mèlderýn, Chybísa, Orbáal, Ázadmêre, Eváel.

Hârn Spine Cover Colours

Note: MODIFY the colour codes;

| style="text-align: left; background-color:#FFFFFF; color:#000000;" |

Note: ADD HEX Background & HEX Text Colour Columns

Hârn Spine Cover Colours
Spine Cover Colours
Colours HEX Code
Kandáy Kandáy span style="color:#176727"
Mèlderýn Mèlderýn span style="color:#008179"
Chybísa Chybísa span style="color:#DA521F
Réthem Réthem span style="color:#CE6632
Thârda Thârda span style="color:#950046
Orbáal Orbáal span style="color:#21409A
Ázadmêre Ázadmêre span style="color:#000000
Eváel Eváel span style="color:#B9C21F
Káldôr Káldôr span style="color:#7A1878
Bestiary Bestiary span style="color:#69913D
Wilderness Wilderness span style="color:#8D3E02
Guilds & Craft Guilds & Craft span style="color:#00415F
Lore Lore span style="color:#B1790C
Religion Religion span style="color:#A90056
Barbarians Barbarians span style="color:#1B492E
HârnWorld HârnWorld span style="color:#FFFFFF
Magic Magic span style="color:#C6C8CA"
HârnMaster HârnMaster span style="color:#58595B"
Lýthia Lýthia span style="color:#0089CF
Adventures Adventures span style="color:#551D00
NPCs NPCs span style="color:#FFF200
Thonahexus Thonahexus span style="color:#F36E21
Atlas Hârnica Atlas Hârnica span style="color:#CFB878
 ? Heraldry Heraldry span style="color:#e76700
 ? Location Location span style="color:#e76700
 ? Symbol (Canon & Fanon) Symbol (Canon & Fanon) span style="color:#e76700

LinkTag RGB Colour Table

Note: ADD a selection of colours for each type, ie. Date, Place Name, Region Name, etc.

LinkTag RGB Colour Table
Color Hue HTML / CSS Name Hex Code #RRGGBB RGB Notes
0 / 360 Red #FF0000 (255, 0, 0) ADD, Notes, and other "TO LOOK AT"
15 #FF4000 (255, 64, 0)
30 Orange #FF8000 (255,128,0)
45 #FFBF00 (255, 191, 0)
60 Yellow #FFFF00 (255, 255, 0) Use Daffodil instead, reserved for Highlighting
Daffodil (Highlight) #FCFF19 (252, 255, 25) Highlighter Yellow
75 #BFFF00 (191, 255, 0)
90 #80FF00 (128, 255, 0)
105 #40FF00 (64, 255, 0)
120 Lime #00FF00 (0, 255, 0)
135 #00FF40 (0, 255, 64)
150 #00FF80 (0, 255, 128)
165 #00FFBF (0, 255, 191)
180 Cyan / Aqua #00FFFF (0, 255, 255)
195 #00BFFF (0, 191, 255)
210 #0080FF (0, 128, 255)
Sea Blue (Possible Link) #006699 (0, 102, 153) Possible Link (for possible links)
225 #0040FF (0, 64, 255)
240 Blue #0000FF (0, 0, 255)
255 #4000FF (64, 0, 255)
270 Violet or Purple (Electric Indigo) #8000FF (128, 0, 255)
285 #BF00FF (191, 0, 255)
300 Magenta / Fuchsia #FF00FF (255, 0, 255)
315 #FF00BF (255, 0, 191)
330 #FF0080 (255, 0, 128)
345 #FF0040 (255, 0, 64)
Black #000000 (0,0,0)
White #FFFFFF (255,255,255) Blank Entries


Highlighter Colours

Note: ADD Colour Ideas

Note: ADD a selection of colours for each type, ie. Date, Place Name, Region Name, etc.

Note: ADD Highlight Colours to show the Date (bt / tr), Kingdom /Region, Tribe / People / Person, Culture / Language / Dialect, Sourcebook / Reference, Event, Guilds & Crafts, Religion, Location, Highlight interesting snippet


Modified Colour Highlighting
Color Colour Name Type HEX Notes
Yellow Primary #FFFF00
Golden Yellow Quaternary #FFDF00
Amber Tertiary #FFBF00
Orange Peel Quaternary #FF9F00
Orange Secondary #FF8000
Persimmon Quaternary #EC5800
Vermilion Tertiary #E34234
Scarlet Quaternary #FF3300
Red Primary #FF0000
Crimson Quaternary #DC143C
Magenta Tertiary #FF00FF
Aubergine Quaternary #94006C
Purple Secondary #800080
Amethyst Quaternary #691A87
Violet Tertiary #7F00FF
Indigo Quaternary #4123BF
Blue Primary #0000FF
Cerulean Quaternary #007BA7
Teal Tertiary #008080
Viridian Quaternary #079D43
Green Secondary #00FF00
Apple Green Quaternary #8CC433
Chartreuse Tertiary #7FFF00
Lemon Lime Quaternary #D8F208
Yellow Primary #FFFF00

Blue Green Pink Orange Yellow Red Torquoise Lavender Lilac

Highlighter Colours
Color Colour Name Hex Code #RRGGBB RGB Notes
yellow 70/24 #F1E740 (0, 0, 0) #FFFF00
blue 70/31 #3AAFDC (0, 0, 0) #00FFFF
green 70/33 #2BA727 (0, 0, 0) #00FF00
pink 70/56 #EA5A79 (0, 0, 0) ? #FF69B4 or #FF1493 ?
orange 70/54 #F39539 (0, 0, 0) #FF8000
red 70/40 #E94F58 (0, 0, 0)
torquoise 70/51 #009E6C (0, 0, 0)
lavender 70/55 #85569C (0, 0, 0)
lilac 70/58 #D72E83 (0, 0, 0)

MediaWiki Link Colors

INSERT TABLE

  •   blue link
  •   dark blue link
  •   red link
  •   light brown link
  •   brown link
  •   light blue link
  •   purple link
Link style Type Color Color
blue link link to a page that currently exists #0645AD = rgb(6,69,173)
dark blue link link to a page that you have already visited #0B0080 = rgb(11,0,128)
red link link to a page that does not currently exist within Wikipedia #CC2200 = rgb(204,34,0)
light brown link link to a page that does not exist, but you have visited #A55858 = rgb(165,88,88)
brown link link to a very short article within Wikipedia, but only if the user has set a preference option to format "stub" links in this way #772233 = rgb(119,34,51)
light blue link link to a page at another wiki, usually another Wikimedia project
Note that the light blue color is used whether or not the page actually exists at the target wiki. For example, there is an article about Washington Carver here on the English Wikipedia, while there is article of the same name on the Japanese Wikipedia; but they do have article about the same man under a different title. The same color is used for links, as well. 		#3366BB = rgb(51,102,187)
purple link link to a page at another site that has been visited #663366 = rgb(102,51,102)

Language Families

INSERT TABLE from Kèthîra Language Families

Venârivè Map Key

INSERT TABLE

Venârivè P234
  • Climate Zones
    • Subpolar
    • Cool Temperate
    • Warm Temperate
    • Subtropical
    • Tropical (Dry)
    • Tropical (Wet)
  • Precipitation Levels (Colours & Symbols)
    • < 10 inches p.a.
    • 10-20 inches p.a.
    • 20-40 inches p.a.
    • 40-80 inches p.a.
    • 80+ inches p.a
  • Vegetation and Geography
    • Evergreen Hardwood
    • Steppe / Prairie Grassland
    • Savannah / Savannah Woodland
    • Raingreen Forest / Woodland
    • Tropical Scrub
    • Semi-Desert
    • Desert
    • Sub-Tropical Rainforest
    • Tropical and Equatorial Rainforest
    • Mixed Woodland
    • Mixed (Summergreen) Forest
    • Needleleaf Forest
    • Alpine
    • Mountains (2 Colours)
    • Highlands / Hills (2 Colours)
    • Water
    • Swamp / Marsh
  • Features (Symbols & Coloured Lines)
    • Major Town / City
    • Local Town
    • Special Site (Earthmaster etc)
    • The Shurâma
    • Volcano
    • Undersea Volcano
    • Border
    • Provincial (Internal) Border
    • Road
    • Trail
    • Trade Route
  • Winds, Currents, Tides, and Tectonics
    • Prevailing Winds
    • Seasonal Winds
    • Ocean Currents
    • Tide Lines and Factors
    • Plate Boundary
    • Earthquake Zone
  • A
    • A

A

INSERT TABLE

  • A

A

INSERT TABLE

  • A

A

INSERT TABLE

  • A

A

INSERT TABLE

  • A


Standard Kèthîra Table Colours

Data Tables
Areas of Continents
Continent Square Leagues Square Kilometres Square Miles
Lýthia 3,375,000 54,000,000 21,000,000
Mêrnat 1,250,000 20,000,000 8,000,000
Kámerand 1,125,000 18,000,000 7,000,000
Alternative Data Tables
Zodiac
Áhnù the dragon
Angberélius the swords
Arálius the wands
Fenéri the smith
Ládo the galley
Ùlándus the bear
Hîrin the eagle
Masâra the chalice
Nadái the salamander
Skôrus the mixer
Tai the lantern bearer
Táraèl the pentacle

Hues as per Colour

Hues as per Colour
Colour Hue HTML / CSS Name Hex Code #RRGGBB RGB Notes
0 #FF0000 (255, 0, 0)
15 #FF4000 (255, 64, 0)
30 #FF8000 (255, 128, 0)
45 #FFBF00 (255, 191, 0)
60 #FFFF00 (255, 255, 0)
75 #BFFF00 (191, 255, 0)
90 #80FF00 (128, 255, 0)
105 #40FF00 (64, 255, 0)
120 #00FF00 (0, 255, 0)
135 #00FF40 (0, 255, 64)
150 #00FF80 (0, 255, 128)
165 #00FFBF (0, 255, 191)
180 #00FFFF (0, 255, 255)
195 #00BFFF (0, 191, 255)
210 #0080FF (0, 128, 255)
225 #0040FF (0, 64, 255)
240 #0000FF (0, 0, 255)
255 #4000FF (64, 0, 255)
270 #8000FF (128, 0, 255)
285 #BF00FF (191, 0, 255)
300 #FF00FF (255, 0, 255)
315 #FF00BF (255, 0, 191)
330 #FF0080 (255, 0, 128)
345 #FF0040 (255, 0, 64)
360 #FF0000 (255, 0, 0)


Note: Highlight ALL key Languages and Tribes;

ADD ACTUAL names rather than plain English.


Colour Sample Template

Note: USE COLOUR Template and SETUP a subtemplate for each Tribe, Language, Dialect Group, Settlement, etc. Can then Invoke the template/name to use Background and text colour.

{{Color sample|#00FF00|description=green}}

 

ColorBrewer

ColorBrewer: Color Advice for Maps

Number of data classes

Choosing the number of data classes (3 to 12) is an important part of map design. Increasing the number of data classes will result in a more "information rich" map by decreasing the amount of data generalization. However, too many data classes may overwhelm the map reader with information and distract them from seeing general trends in the distribution. In addition, a large numbers of classes may compromise map legibility—more classes require more colors that become increasingly difficult to tell apart.

Many cartographers advise that you use five to seven classes for a choropleth map. Isoline maps, or choropleth maps with very regular spatial patterns, can safely use more data classes because similar colors are seen next to each other, making them easier to distinguish.

Nature of your data
1. Sequential schemes (9 Colours) are suited to ordered data that progress from low to high. Lightness steps dominate the look of these schemes, with light colors for low data values to dark colors for high data values.
Sequential.png


2. Diverging schemes (11 Colours) put equal emphasis on mid-range critical values and extremes at both ends of the data range. The critical class or break in the middle of the legend is emphasized with light colors and low and high extremes are emphasized with dark colors that have contrasting hues.
Diverging.png
Diverging schemes are most effective when the class break in the middle of the sequence, or the lightest middle color, is meaningfully related to the mapped data. Use the break or class emphasized by a hue and lightness change to represent a critical value in the data such as the mean, median, or zero. Colors increase in darkness to represent differences in both directions from this meaningful mid-range value in the data.
Criticalvalue.png

NOTE: Although we have designed the diverging schemes to be symmetrical, you may need to customize schemes by moving the critical break/class closer to one end of the sequence to suit your map data. For example, a map of population change might have two classes of population loss and five classes of growth, requiring a scheme with only two colors on one side of a zero-change break and five on the other. Choose a scheme with ten-colors and omit three colors from the loss side of the scheme.


3. Qualitative schemes (12 Colours) do not imply magnitude differences between legend classes, and hues are used to create the primary visual differences between classes. Qualitative schemes are best suited to representing nominal or categorical data.
Qualitative.png

Most of the qualitative schemes rely on differences in hue with only subtle lightness differences between colors. You may pick a subset of colors from a legend with more classes if you are not pleased with the subsets. For example, you could pick four colors from a seven-color legend. Two exceptions to the use of consistent lightness:

Paired Scheme: This scheme presents a series of lightness pairs for each hue (e.g. light green and dark green). Use this when you have categories that should be visually related, though they are not explicitly ordered. For example, 'forest' and 'woodland' would be suitably represented with dark and light green.
Paired.png


Accent Scheme: Use to accent small areas or important classes with colors that are more saturated/darker/lighter than others in the scheme - found at the bottom of the 'Accents' legends. Beware of emphasizing unimportant classes when you use qualitative schemes.
Accent.png


NOTE: ADD A list and groups of the various colour combos.


Color Blender Tool

  • Color Blender Tool - Mix Colors ~ Best for a certain Colour, then use other tools to blend for the variantions.
    • #0073ae hex color
    • #7a1878 hex color
      • Monochromatic Color (7 Colours)
      • Alternatives to #7a1878 (7 Similar Colours)
      • #7a1878 Preview (Text with hexadecimal color #7a1878, #7a1878 background color, #7a1878 border color, & CSS codes)
        • Text here

        • Content here

        • Content here
        • .text {color:#7a1878;}, .background {background-color:#7a1878;}, .border {border:1px solid #7a1878;}
      • Shades and Tints of #7a1878 (13 Shade Color Variations & 13 Tint Color Variations)
      • Tones of #7a1878 (13 Tone Color Variations)
    • Gradient generator ~ Generate any gradient between two colors. Just type your colors separated by the word "to" in the search field. ColorHexa will then display a RGB, HSV and Reverse HSV gradient.
    • Color blender ~ Blend as much colors as you want. Just type your colors separated by the symbol "+" in the search field. ColorHexa will then compute the result automatically and return the color corresponding to your query.
    • Color subtraction ~ Substract as much colors as you want. Just type your colors separated by the symbol "-" in the search field. ColorHexa will then compute the result automatically and return the color corresponding to your query.

Cohesive Colors

  • Cohesive Colors A tool for creating more cohesive color schemes. Idea Can use to generate multiple Colours, then do an overlay Tint of X colour to generate and output.

Basic color schemes

  • Basic color schemes: Color Theory Introduction ~ Good Idea of boxes and how to make Colour Boxes
    • Tints - adding white to a pure hue
    • Shades - adding black to a pure hue
    • Tones - adding gray to a pure hue


Note: NEED a tool that can take two colours and then create a blend between them. Others might be good when creating the various complimentary colour sets for the various maps and their data colour sets.

ColorImpact

  • ColorImpact: Features shows Variation palette;
    • Explore variations of the current color palette. See how your color scheme would look if you make the colors lighter, brighter, darker, more saturated, less saturated, warmer or cooler.
    • Sample Sheet ~ Color Spec Sheet as html
  • ColorBlender.com online color matching toolbox ~ 6 Blends of Colours
  • Sphere: Color Theory Visualizer ~ 10 Harmony Variations (upto six tones)


12 Step Color Wheel
12 Step Color Wheel.jpg


216 web-safe colors

Note: ADD HEX to overlay for each Web Safe Color

Color table 216 web-safe colors


216 web-safe colors Edited

Note: MODIFY Web Safe Colors - Color Hex Color Codes

216 web-safe colors (HEX values)
000000 330000 660000 990000 CC0000 FF0000
000033 330033 660033 990033 CC0033 FF0033
000066 330066 660066 990066 CC0066 FF0066
000099 330099 660099 990099 CC0099 FF0099
0000CC 3300CC 6600CC 9900CC CC00CC FF00CC
0000FF 3300FF 6600FF 9900FF CC00FF FF00FF
003300 333300 663300 993300 CC3300 FF3300
003333 333333 663333 993333 CC3333 FF3333
003366 333366 663366 993366 CC3366 FF3366
003399 333399 663399 993399 CC3399 FF3399
0033CC 3333CC 6633CC 9933CC CC33CC FF33CC
0033FF 3333FF 6633FF 9933FF CC33FF FF33FF
006600 336600 666600 996600 CC6600 FF6600
006633 336633 666633 996633 CC6633 FF6633
006666 336666 666666 996666 CC6666 FF6666
006699 336699 666699 996699 CC6699 FF6699
0066CC 3366CC 6666CC 9966CC CC66CC FF66CC
0066FF 3366FF 6666FF 9966FF CC66FF FF66FF
009900 339900 669900 999900 CC9900 FF9900
009933 339933 669933 999933 CC9933 FF9933
009966 339966 669966 999966 CC9966 FF9966
009999 339999 669999 999999 CC9999 FF9999
0099CC 3399CC 6699CC 9999CC CC99CC FF99CC
0099FF 3399FF 6699FF 9999FF CC99FF FF99FF
00CC00 33CC00 66CC00 99CC00 CCCC00 FFCC00
00CC33 33CC33 66CC33 99CC33 CCCC33 FFCC33
00CC66 33CC66 66CC66 99CC66 CCCC66 FFCC66
00CC99 33CC99 66CC99 99CC99 CCCC99 FFCC99
00CCCC 33CCCC 66CCCC 99CCCC CCCCCC FFCCCC
00CCFF 33CCFF 66CCFF 99CCFF CCCCFF FFCCFF
00FF00 33FF00 66FF00 99FF00 CCFF00 FFFF00
00FF33 33FF33 66FF33 99FF33 CCFF33 FFFF33
00FF66 33FF66 66FF66 99FF66 CCFF66 FFFF66
00FF99 33FF99 66FF99 99FF99 CCFF99 FFFF99
00FFCC 33FFCC 66FFCC 99FFCC CCFFCC FFFFCC
00FFFF 33FFFF 66FFFF 99FFFF CCFFFF FFFFFF

X11 color names

Note: ADD Templates if required (BIG for resizing Text);

Note: IDEA Could use this format for other Categories etc. for Colour Background and text

HTML name R   G   B
Hex Decimal
Pink colors
Pink FF C0 CB 255 192 203
LightPink FF B6 C1 255 182 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255  20 147
PaleVioletRed DB 70 93 219 112 147
MediumVioletRed C7 15 85 199  21 133
Red colors
LightSalmon FF A0 7A 255 160 122
Salmon FA 80 72 250 128 114
DarkSalmon E9 96 7A 233 150 122
LightCoral F0 80 80 240 128 128
IndianRed CD 5C 5C 205  92  92
Crimson DC 14 3C 220  20  60
FireBrick B2 22 22 178  34  34
DarkRed 8B 00 00 139   0   0
Red FF 00 00 255   0   0
Orange colors
OrangeRed FF 45 00 255  69   0
Tomato FF 63 47 255  99  71
Coral FF 7F 50 255 127  80
DarkOrange FF 8C 00 255 140   0
Orange FF A5 00 255 165   0
Yellow colors
Yellow FF FF 00 255 255   0
LightYellow FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205
LightGoldenrodYellow  FA FA D2 250 250 210
PapayaWhip FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107
Gold FF D7 00 255 215   0
Brown colors
Cornsilk FF F8 DC 255 248 220
BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Wheat F5 DE B3 245 222 179
BurlyWood DE B8 87 222 184 135
Tan D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164  96
Goldenrod DA A5 20 218 165  32
DarkGoldenrod B8 86 0B 184 134  11
Peru CD 85 3F 205 133  63
Chocolate D2 69 1E 210 105  30
SaddleBrown 8B 45 13 139  69  19
Sienna A0 52 2D 160  82  45
Brown A5 2A 2A 165  42  42
Maroon 80 00 00 128   0   0
HTML name R   G   B
Hex Decimal
Green colors
DarkOliveGreen 55 6B 2F  85 107  47
Olive 80 80 00 128 128   0
OliveDrab 6B 8E 23 107 142  35
YellowGreen 9A CD 32 154 205  50
LimeGreen 32 CD 32  50 205  50
Lime 00 FF 00   0 255   0
LawnGreen 7C FC 00 124 252   0
Chartreuse 7F FF 00 127 255   0
GreenYellow AD FF 2F 173 255  47
SpringGreen 00 FF 7F   0 255 127
MediumSpringGreen  00 FA 9A   0 250 154
LightGreen 90 EE 90 144 238 144
PaleGreen 98 FB 98 152 251 152
DarkSeaGreen 8F BC 8F 143 188 143
MediumAquamarine 66 CD AA 102 205 170
MediumSeaGreen 3C B3 71  60 179 113
SeaGreen 2E 8B 57  46 139  87
ForestGreen 22 8B 22  34 139  34
Green 00 80 00   0 128   0
DarkGreen 00 64 00   0 100   0
Cyan colors
Aqua 00 FF FF   0 255 255
Cyan 00 FF FF   0 255 255
LightCyan E0 FF FF 224 255 255
PaleTurquoise AF EE EE 175 238 238
Aquamarine 7F FF D4 127 255 212
Turquoise 40 E0 D0  64 224 208
MediumTurquoise 48 D1 CC  72 209 204
DarkTurquoise 00 CE D1   0 206 209
LightSeaGreen 20 B2 AA  32 178 170
CadetBlue 5F 9E A0  95 158 160
DarkCyan 00 8B 8B   0 139 139
Teal 00 80 80   0 128 128
Blue colors
LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230
LightBlue AD D8 E6 173 216 230
SkyBlue 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF   0 191 255
DodgerBlue 1E 90 FF  30 144 255
CornflowerBlue 64 95 ED 100 149 237
SteelBlue 46 82 B4  70 130 180
RoyalBlue 41 69 E1  65 105 225
Blue 00 00 FF   0   0 255
MediumBlue 00 00 CD   0   0 205
DarkBlue 00 00 8B   0   0 139
Navy 00 00 80   0   0 128
MidnightBlue 19 19 70  25  25 112
HTML name R   G   B
Hex Decimal
Purple, violet, and magenta colors
Lavender E6 E6 FA 230 230 250
Thistle D8 BF D8 216 191 216
Plum DD A0 DD 221 160 221
Violet EE 82 EE 238 130 238
Orchid DA 70 D6 218 112 214
Fuchsia FF 00 FF 255   0 255
Magenta FF 00 FF 255   0 255
MediumOrchid BA 55 D3 186  85 211
MediumPurple 93 70 DB 147 112 219
BlueViolet 8A 2B E2 138  43 226
DarkViolet 94 00 D3 148   0 211
DarkOrchid 99 32 CC 153  50 204
DarkMagenta 8B 00 8B 139   0 139
Purple 80 00 80 128   0 128
Indigo 4B 00 82  75   0 130
DarkSlateBlue 48 3D 8B  72  61 139
SlateBlue 6A 5A CD 106  90 205
MediumSlateBlue  7B 68 EE 123 104 238
White colors
White FF FF FF 255 255 255
Snow FF FA FA 255 250 250
Honeydew F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
AliceBlue F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 245 245 245
Seashell FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWhite FF FA F0 255 250 240
Ivory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Linen FA F0 E6 250 240 230
LavenderBlush FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225
Gray and black colors
Gainsboro DC DC DC 220 220 220
LightGray D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
DarkGray A9 A9 A9 169 169 169
Gray 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
SlateGray 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F  47  79  79
Black 00 00 00   0   0   0

HTML Symbol Codes - Table of Character Entity References

Note: SPLIT into seperate tables and sub sections.

Note: Do again mediawiki - Table-Utility (Convert TXT to Table) to add NOWIKI to Entity Number & Entity Name columns

  • Mathematical Symbols Supported by HTML
  • Greek Letters Supported by HTML
  • Currency Symbols Supported by HTML
  • Arrow Symbols Supported by HTML
  • General Punctuation Supported by HTML
  • Letterlike Symbols Supported by HTML
  • Miscellaneous Technical Supported by HTML
  • Miscellaneous Symbols Supported by HTML
  • Latin Extended-A Supported by HTML
  • Latin Extended-B Supported by HTML
  • Spacing Modifier Letters Supported by HTML
  • Geometric Shapes Supported by HTML
A

Header background colour = #CDEAF9;

Border = #CCCCCC

<center> {| class="wikitable sortable" |+ style="caption-side:top; color:#e76700;"| ! class="unsortable" |Notes

| style="text-align: left; background-color:#FF0000; color:#000000;" | | style="text-align: center; background-color:#FF0000; color:#000000;" |●

|} </center>

A
Mathematical Symbols Supported by HTML
Character Entity Number Entity Name Description
∀ ∀ ∀ for all
∂ ∂ ∂ partial differential
∃ ∃ ∂ there exists
∅ ∅ ∅ empty set
∇ ∇ ∇ nabla
∈ ∈ ∈ element of
∉ ∉ ∉ not an element of
∋ ∋ ∋ contains as member
∏ ∏ ∏ n-ary product
∑ ∑ ∑; n-ary sumation
− − − minus sign
∗ ∗ ∗ asterisk operator
√ √ √ square root
∝ ∝ ∝ proportional to
∞ ∞ ∞ infinity
∠ ∠ ∠ angle
∧ ∧ ∧ logical and = wedge
∨ ∨ ∨ logical or = vee
∩ ∩ ∩ intersection = cap
∪ ∪ ∪ union = cup
∫ ∫ ∫ integral
∴ ∴ ∴ therefore
∼ ∼ ∼ tilde operator = varies with = similar to
≅ ≅ ≅ approximately equal to
≈ ≈ ≈ almost equal to = asymptotic to
≠ ≠ ≠ not equal to
≡ ≡ ≡ identical to
≤ ≤ ≤ less-than or equal to
≥ ≥ ≥ greater-than or equal to
⊂ ⊂ ⊂; subset of
⊃ ⊃ ⊃ superset of
⊄ ⊄ ⊄ not a subset of
⊆ ⊆ ⊆ subset of or equal to
⊇ ⊇ ⊇ superset of or equal to
⊕ ⊕ ⊕ circled plus = direct sum
⊗ ⊗ ⊗ circled times = vector product
⊥ ⊥ ⊥ up tack = orthogonal to = perpendicular
⋅ ⋅ ⋅ dot operator
A

Greek Letters Supported by HTML

A

Currency Symbols Supported by HTML

A

Arrow Symbols Supported by HTML

A

General Punctuation Supported by HTML

A

Letterlike Symbols Supported by HTML

A

Miscellaneous Technical Supported by HTML

A

Miscellaneous Symbols Supported by HTML

A

Latin Extended-A Supported by HTML

A

Latin Extended-B Supported by HTML

A

Spacing Modifier Letters Supported by HTML

A

Geometric Shapes Supported by HTML

A

  • A
    • A

A

  • A
    • A

Ideas

A

  • a
    • a

Template Tests & Code Examples

  • a
    • a
  • a
    • a


List of Templates


New To Make

A

  • A
    • A

A

  • A
    • A

A

  • A
    • A

A

  • A
    • A

Notes

  • A
  • A
Retrieved from ‘http://wiki.shieldkings.com/index.php?title=Templates&oldid=8635’