Color Chart: Difference between revisions

From leaftidewiki
Jump to navigation Jump to search
imported>Tlosk
imported>Arkalor
(moved Color Chart to Help:Color Chart: Moving to the Help namespace)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
== General ==
#REDIRECT [[Help:Color Chart]]
There are two ways to specify a particular color, and usually more than one way to use markup to specify the color displayed. If you have a very specific color in mind, you can specify the exact color by determining the Red Green and Blue components and converting this to a hexadecimal equivalent (an example is given [[Color Chart#RGB Components | below]]).
 
You can also use color constants, these are words that the wiki engine recognizes and will display that color for you without having to know the RGB components. A fairly complete table is given below that displays a variety of color constants.
 
Most modern browsers are able to display most colors, however there are still occasions where the colors a user sees are dependent on their particular browser/software version.
 
== Color Chart ==
Note that these are case insensitive (capitalization, or lack thereof, doesn't matter).
 
<!-- Double nested table (each column is its own table in a cell of a larger table, for ease in vertical ordering) -->
{|border=0 cellpadding=3 cellspacing=0
|-valign=top
|
{|border=0 cellpadding=3 cellspacing=0
|-
|width=30 bgcolor=AliceBlue|
|AliceBlue
|-
 
|bgcolor=AntiqueWhite|
|AntiqueWhite
|-
 
|bgcolor=Aqua|
|Aqua
|-
 
|bgcolor=Aquamarine|
|Aquamarine
|-
 
|bgcolor=Azure|
|Azure
|-
 
|bgcolor=Beige|
|Beige
|-
 
|bgcolor=Bisque|
|Bisque
|-
 
|bgcolor=Black|
|Black
|-
 
|bgcolor=BlanchedAlmond|
|BlanchedAlmond
|-
 
|bgcolor=Blue|
|Blue
|-
 
|bgcolor=BlueViolet|
|BlueViolet
|-
 
|bgcolor=Brown|
|Brown
|-
 
|bgcolor=BurlyWood|
|BurlyWood
|-
 
|bgcolor=CadetBlue|
|CadetBlue
|-
 
|bgcolor=Chartreuse|
|Chartreuse
|-
 
|bgcolor=Chocolate|
|Chocolate
|-
 
|bgcolor=Coral|
|Coral
|-
 
|bgcolor=CornflowerBlue|
|CornflowerBlue
|-
 
|bgcolor=Cornsilk|
|Cornsilk
|-
 
|bgcolor=Crimson|
|Crimson
|-
 
|bgcolor=Cyan|
|Cyan
|-
 
|bgcolor=DarkBlue|
|DarkBlue
|-
 
|bgcolor=DarkCyan|
|DarkCyan
|-
 
|bgcolor=DarkGoldenrod|
|DarkGoldenrod
|-
 
|bgcolor=DarkGray|
|DarkGray
|-
 
|bgcolor=DarkGreen|
|DarkGreen
|-
 
|bgcolor=DarkKhaki|
|DarkKhaki
|-
 
|bgcolor=DarkMagenta|
|DarkMagenta
|-
 
|bgcolor=DarkOliveGreen|
|DarkOliveGreen
|-
 
|bgcolor=DarkOrange|
|DarkOrange
|-
 
|bgcolor=DarkOrchid|
|DarkOrchid
|-
 
|bgcolor=DarkRed|
|DarkRed
|-
 
|bgcolor=DarkSalmon|
|DarkSalmon
|-
 
|bgcolor=DarkSeaGreen|
|DarkSeaGreen
|-
 
|bgcolor=DarkSlateBlue|
|DarkSlateBlue
|-
 
|bgcolor=DarkSlateGray|
|DarkSlateGray
|-
 
|bgcolor=DarkTurquoise|
|DarkTurquoise
|-
 
|bgcolor=DarkViolet|
|DarkViolet
|-
 
|bgcolor=DeepPink|
|DeepPink
|-
 
|bgcolor=DeepSkyBlue|
|DeepSkyBlue
|-
|}
 
|
 
{|border=0 cellpadding=3 cellspacing=0
|-
|width=30 bgcolor=DimGray|
|DimGray
|-
 
|bgcolor=DodgerBlue|
|DodgerBlue
|-
 
|bgcolor=Firebrick|
|Firebrick
|-
 
|bgcolor=FloralWhite|
|FloralWhite
|-
 
|bgcolor=ForestGreen|
|ForestGreen
|-
 
|bgcolor=Fuchsia|
|Fuchsia
|-
 
|bgcolor=Gainsboro|
|Gainsboro
|-
 
|bgcolor=GhostWhite|
|GhostWhite
|-
 
|bgcolor=Gold|
|Gold
|-
 
|bgcolor=Goldenrod|
|Goldenrod
|-
 
|bgcolor=Gray|
|Gray
|-
 
|bgcolor=Green|
|Green
|-
 
|bgcolor=GreenYellow|
|GreenYellow
|-
 
|bgcolor=Honeydew|
|Honeydew
|-
 
|bgcolor=HotPink|
|HotPink
|-
 
|bgcolor=IndianRed|
|IndianRed
|-
 
|bgcolor=Indigo|
|Indigo
|-
 
|bgcolor=Ivory|
|Ivory
|-
 
|bgcolor=Khaki|
|Khaki
|-
 
|bgcolor=Lavender|
|Lavender
|-
 
|bgcolor=LavenderBlush|
|LavenderBlush
|-
 
|bgcolor=LawnGreen|
|LawnGreen
|-
 
|bgcolor=LemonChiffon|
|LemonChiffon
|-
 
|bgcolor=LightBlue|
|LightBlue
|-
 
|bgcolor=LightCoral|
|LightCoral
|-
 
|bgcolor=LightCyan|
|LightCyan
|-
 
|bgcolor=LightGoldenrod|
|LightGoldenrod
|-
 
|bgcolor=LightGray|
|LightGray
|-
 
|bgcolor=LightGreen|
|LightGreen
|-
 
|bgcolor=LightPink|
|LightPink
|-
 
|bgcolor=LightSalmon|
|LightSalmon
|-
 
|bgcolor=LightSeaGreen|
|LightSeaGreen
|-
 
|bgcolor=LightSkyBlue|
|LightSkyBlue
|-
 
|bgcolor=LightSlateGray|
|LightSlateGray
|-
 
|bgcolor=LightSteelBlue|
|LightSteelBlue
|-
 
|bgcolor=LightYellow|
|LightYellow
|-
 
|bgcolor=Lime|
|Lime
|-
 
|bgcolor=LimeGreen|
|LimeGreen
|-
 
|bgcolor=Linen|
|Linen
|-
 
|bgcolor=Magenta|
|Magenta
|-
|}
 
|
 
{|border=0 cellpadding=3 cellspacing=0
|-
|width=30 bgcolor=Maroon|
|Maroon
|-
 
|bgcolor=MediumAquamarine|
|MediumAquamarine
|-
 
|bgcolor=MediumBlue|
|MediumBlue
|-
 
|bgcolor=MediumOrchid|
|MediumOrchid
|-
 
|bgcolor=MediumPurple|
|MediumPurple
|-
 
|bgcolor=MediumSeaGreen|
|MediumSeaGreen
|-
 
|bgcolor=MediumSlateBlue|
|MediumSlateBlue
|-
 
|bgcolor=MediumSpringGreen|
|MediumSpringGreen
|-
 
|bgcolor=MediumTurquoise|
|MediumTurquoise
|-
 
|bgcolor=MediumVioletRed|
|MediumVioletRed
|-
 
|bgcolor=MidnightBlue|
|MidnightBlue
|-
 
|bgcolor=MintCream|
|MintCream
|-
 
|bgcolor=MistyRose|
|MistyRose
|-
 
|bgcolor=Moccasin|
|Moccasin
|-
 
|bgcolor=NavajoWhite|
|NavajoWhite
|-
 
|bgcolor=Navy|
|Navy
|-
 
|bgcolor=OldLace|
|OldLace
|-
 
|bgcolor=Olive|
|Olive
|-
 
|bgcolor=OliveDrab|
|OliveDrab
|-
 
|bgcolor=Orange|
|Orange
|-
 
|bgcolor=OrangeRed|
|OrangeRed
|-
 
|bgcolor=Orchid|
|Orchid
|-
 
|bgcolor=PaleGoldenrod|
|PaleGoldenrod
|-
 
|bgcolor=PaleGreen|
|PaleGreen
|-
 
|bgcolor=PaleTurquoise|
|PaleTurquoise
|-
 
|bgcolor=PaleVioletRed|
|PaleVioletRed
|-
 
|bgcolor=PapayaWhip|
|PapayaWhip
|-
 
|bgcolor=PeachPuff|
|PeachPuff
|-
 
|bgcolor=Peru|
|Peru
|-
 
|bgcolor=Pink|
|Pink
|-
 
|bgcolor=Plum|
|Plum
|-
 
|bgcolor=PowderBlue|
|PowderBlue
|-
 
|bgcolor=Purple|
|Purple
|-
 
|bgcolor=Red|
|Red
|-
 
|bgcolor=RosyBrown|
|RosyBrown
|-
 
|bgcolor=RoyalBlue|
|RoyalBlue
|-
 
|bgcolor=SaddleBrown|
|SaddleBrown
|-
 
|bgcolor=Salmon|
|Salmon
|-
 
|bgcolor=SandyBrown|
|SandyBrown
|-
 
|bgcolor=SeaGreen|
|SeaGreen
|-
|}
 
|
 
{|border=0 cellpadding=3 cellspacing=0
|-
|width=30 bgcolor=SeaShell|
|SeaShell
|-
 
|bgcolor=Sienna|
|Sienna
|-
 
|bgcolor=Silver|
|Silver
|-
 
|bgcolor=SkyBlue|
|SkyBlue
|-
 
|bgcolor=SlateBlue|
|SlateBlue
|-
 
|bgcolor=SlateGray|
|SlateGray
|-
 
|bgcolor=Snow|
|Snow
|-
 
|bgcolor=SpringGreen|
|SpringGreen
|-
 
|bgcolor=SteelBlue|
|SteelBlue
|-
 
|bgcolor=Tan|
|Tan
|-
 
|bgcolor=Teal|
|Teal
|-
 
|bgcolor=Thistle|
|Thistle
|-
 
|bgcolor=Tomato|
|Tomato
|-
 
|bgcolor=Transparent|
|Transparent
|-
 
|bgcolor=Turquoise|
|Turquoise
|-
 
|bgcolor=Violet|
|Violet
|-
 
|bgcolor=Wheat|
|Wheat
|-
 
|bgcolor=White|
|White
|-
 
|bgcolor=WhiteSmoke|
|WhiteSmoke
|-
 
|bgcolor=Yellow|
|Yellow
|-
 
|bgcolor=YellowGreen|
|YellowGreen
|-
 
|}
|}
 
== Using Colors ==
Here are some examples of using colors to change the appearance of different wiki elements. Both methods are shown (color constant and [[hexadecimal]]).
 
<nowiki>Text that is <font color=Green>Green</font>.</nowiki>
 
Text that is <font color=Green>Green</font>.
 
 
<nowiki>Text that is <font color=#FF0000>Red</font>.</nowiki>
 
Text that is <font color=#FF0000>Red</font>.
 
 
 
Individual cell in a table:
 
<nowiki>{|border=1
|bgcolor=Red width=30|
|Red
|}
 
{|border=1
|bgcolor=#FF0000 width=30|
|Red
|}</nowiki>
 
{|border=1
|bgcolor=Red width=30|
|Red
|}
 
 
All the cells of a table:
 
<nowiki>{|border=1 style=background-color:CornflowerBlue
|A
|B
|}</nowiki>
 
{|border=1 style=background-color:CornflowerBlue
|A
|B
|}
 
== RGB Components ==
To determine the hexadecimal value for a particular color you need to know the Red, Green, and Blue components. Each component ranges from 0 (none) to 255 (full). For example the color red has no blue or green, and red of 255. Yellow has no blue, and red of 255 and green of 255. Most graphics applications can tell you these for a particular color. You can use Microsoft Paint that comes with all versions of Windows, use the eye dropper to select the color, then under the Colors menu select Edit Colors then Define Custom Colors. There you'll see the RGB values defined.
 
Once you know the RGB values you can convert them to the hexadecimal equivalent. Use the Windows calculator to enter the value for each component then change from Dec to Hex. For example, enter 255 while in Dec, then click on Hex and it will read FF. FF is the hexadecimal value for 255. To do another number switch back to Dec and for example 128 is 80. Values in a hexidecimal number can range from 0-9 and A-F. Once you have values for each component, simply string them together (each component should have 2 digits, so if it's 0, make it 00). The # symbol tells the wiki parser that it is a hexadecimal value. See the table below for some example conversions.
 
{|border=1 cellpadding=3 cellspacing=0
!width=30| Color
!Name
!Red
!Red Hex
!Green
!Green Hex
!Blue
!Blue Hex
!Hexadecimal
|-
|bgcolor=Orchid|
| Orchid
| 218
| DA
| 112
| 70
| 214
| D6
| #DA70D6
|-
|bgcolor=LightSeaGreen|
| LightSeaGreen
| 32
| 20
| 178
| B2
| 170
| AA
| #20B2AA
|-
|bgcolor=#D3D3D3|
| LightGray
| 211
| D3
| 211
| D3
| 211
| D3
| #D3D3D3
|-
|bgcolor=RoyalBlue|
| RoyalBlue
| 65
| 41
| 105
| 69
| 225
| E1
| #4169E1
|-
|bgcolor=#000000|
| Black
| 0
| 00
| 0
| 00
| 0
| 00
| #000000
|-
|}
 
[[Category:Help]]

Latest revision as of 17:40, 8 April 2014

Redirect to:

Retrieved from "http://www.leaftidewiki.com/index.php?title=Color_Chart&oldid=77152"