Color Chart: Difference between revisions

From Drunkapedia
Jump to: navigation, search
imported>Tlosk
imported>Tlosk
Line 7: Line 7:


== Using Colors ==
== 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=#0000FF>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
|}


== Color Chart ==
== Color Chart ==

Revision as of 06:03, 20 June 2008

General

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 decimal equivalent (an example is given 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.

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

Text that is <font color=Green>Green</font>.

Text that is Green.


Text that is <font color=#0000FF>Red</font>.

Text that is Red.


Individual cell in a table:

{|border=1
|bgcolor=Red width=30|
|Red
|}

{|border=1
|bgcolor=#FF0000 width=30|
|Red
|}
Red


All the cells of a table:

{|border=1 style=background-color:CornflowerBlue
|A
|B
|}
A B

Color Chart

Note that these are case insensitive (capitalization, or lack thereof, doesn't matter).

AliceBlue
AntiqueWhite
Aqua
Aquamarine
Azure
Beige
Bisque
Black
BlanchedAlmond
Blue
BlueViolet
Brown
BurlyWood
CadetBlue
Chartreuse
Chocolate
Coral
CornflowerBlue
Cornsilk
Crimson
Cyan
DarkBlue
DarkCyan
DarkGoldenrod
DarkGray
DarkGreen
DarkKhaki
DarkMagenta
DarkOliveGreen
DarkOrange
DarkOrchid
DarkRed
DarkSalmon
DarkSeaGreen
DarkSlateBlue
DarkSlateGray
DarkTurquoise
DarkViolet
DeepPink
DeepSkyBlue
DimGray
DodgerBlue
Firebrick
FloralWhite
ForestGreen
Fuchsia
Gainsboro
GhostWhite
Gold
Goldenrod
Gray
Green
GreenYellow
Honeydew
HotPink
IndianRed
Indigo
Ivory
Khaki
Lavender
LavenderBlush
LawnGreen
LemonChiffon
LightBlue
LightCoral
LightCyan
LightGoldenrod
LightGray
LightGreen
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateGray
LightSteelBlue
LightYellow
Lime
LimeGreen
Linen
Magenta
Maroon
MediumAquamarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
MediumTurquoise
MediumVioletRed
MidnightBlue
MintCream
MistyRose
Moccasin
NavajoWhite
Navy
OldLace
Olive
OliveDrab
Orange
OrangeRed
Orchid
PaleGoldenrod
PaleGreen
PaleTurquoise
PaleVioletRed
PapayaWhip
PeachPuff
Peru
Pink
Plum
PowderBlue
Purple
Red
RosyBrown
RoyalBlue
SaddleBrown
Salmon
SandyBrown
SeaGreen
SeaShell
Sienna
Silver
SkyBlue
SlateBlue
SlateGray
Snow
SpringGreen
SteelBlue
Tan
Teal
Thistle
Tomato
Transparent
Turquoise
Violet
Wheat
White
WhiteSmoke
Yellow
YellowGreen

RGB Components