Color Chart - Revision history

imported>Arkalor: moved Color Chart to Help:Color Chart: Moving to the Help namespace

2014-04-09T00:40:28Z

moved Color Chart to Help:Color Chart: Moving to the Help namespace

imported>Tlosk at 20:50, 5 August 2008

2008-08-05T20:50:26Z

← Older revision		Revision as of 15:50, 5 August 2008
Line 644:		Line 644:
	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.		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.		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 hexadecimal 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		{\|border=1 cellpadding=3 cellspacing=0

imported>Tlosk: /* Using Colors */

2008-06-22T19:29:54Z

Using Colors

← Older revision		Revision as of 14:29, 22 June 2008
Line 605:		Line 605:


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

	Text that is <font color=#FF0000>Red</font>.		Text that is <font color=#FF0000>Red</font>.
Line 640:		Line 640:
	\|B		\|B
	\|}		\|}


	== RGB Components ==		== RGB Components ==

imported>Tlosk: /* RGB Components */

2008-06-20T12:25:05Z

RGB Components

← Older revision		Revision as of 07:25, 20 June 2008
Line 697:		Line 697:
	\| E1		\| E1
	\| #4169E1		\| #4169E1
			\|-
			\|bgcolor=#000000\|
			\| Black
			\| 0
			\| 00
			\| 0
			\| 00
			\| 0
			\| 00
			\| #000000
	\|-		\|-
	\|}		\|}

	[[Category:Help]]		[[Category:Help]]

imported>Tlosk at 12:23, 20 June 2008

2008-06-20T12:23:30Z

Show changes

imported>Tlosk: /* Using Colors */

2008-06-20T12:03:30Z

Using Colors

← Older revision		Revision as of 07:03, 20 June 2008
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 ==

imported>Tlosk: /* Color Chart */

2008-06-19T16:01:50Z

Color Chart

← Older revision		Revision as of 11:01, 19 June 2008
Line 11:		Line 11:
	Note that these are case insensitive (capitalization, or lack thereof, doesn't matter).		Note that these are case insensitive (capitalization, or lack thereof, doesn't matter).

	{\|border=0 cellpadding=3 cellspacing=0 ~~align~~=~~center~~		<!-- 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\|		\|width=30 bgcolor=AliceBlue\|
	\|AliceBlue		\|AliceBlue
Line 171:		Line 176:
	\|DeepSkyBlue		\|DeepSkyBlue
	\|-		\|-
			\|}

			\|

	\|bgcolor=DimGray\|		{\|border=0 cellpadding=3 cellspacing=0
			\|-
			\|width=30 bgcolor=DimGray\|
	\|DimGray		\|DimGray
	\|-		\|-
Line 331:		Line 341:
	\|Magenta		\|Magenta
	\|-		\|-
			\|}

	\|bgcolor=Maroon\|		\|

			{\|border=0 cellpadding=3 cellspacing=0
			\|-
			\|width=30 bgcolor=Maroon\|
	\|Maroon		\|Maroon
	\|-		\|-
Line 491:		Line 506:
	\|SeaGreen		\|SeaGreen
	\|-		\|-
			\|}

	\|bgcolor=SeaShell\|		\|

			{\|border=0 cellpadding=3 cellspacing=0
			\|-
			\|width=30 bgcolor=SeaShell\|
	\|SeaShell		\|SeaShell
	\|-		\|-
Line 576:		Line 596:
	\|-		\|-

			\|}
	\|}		\|}

imported>Tlosk: /* Color Chart */

2008-06-19T14:55:11Z

Color Chart

Show changes

imported>Tlosk: /* Color Chart */

2008-06-19T14:47:37Z

Color Chart

Show changes

imported>Tlosk: /* Color Chart */

2008-06-19T14:38:42Z

Color Chart

Show changes