Join our WikiEducator discussion group or Register now for free skills training.
Notice: WikiEducator will be unavailable from 22:00 UTC January 12 until 03:00 UTC January 13.

Color Codes

From WikiEducator

Jump to: navigation, search
The WORK IN THIS PROJECT IS IN PROGRESS.
Help us to improve the pages or provide feedback on the Discussion page.

Expect frequent changes to these pages


HTML COLOR CODES

The codes to be used to get the color as seen in each cell is given in the respective cells itself.

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

GIVING COLORs TO TEXT

The Syntax for giving colors other than the default color to text is <FONT COLOR="Color Code">Your Text here</FONT>. In the place for "Color Code" give the code including the # symbol as seen in the colored cells above.


If you can't remember the color code many names of common colors also work. For example, the following <font color="darkgreen">My dark green text</font> gives us, My dark green text.

FILLING WIKI TABLE CELLS WITH COLORs

As you know wiki syntax for a simple table with two cells and two rows is

{| class="wikitable"

|-

! header 1

! header 2

|-

| row 1, cell 1

| row 1, cell 2

|}

Suppose you want to fill the headers of the above table with colors having codes #FFCC66 and #99FFFF then the syntax will be like the following

{| class="wikitable"

|-

! style="background-color: #FFCC66" | Your Text Here

! style="background-color: #99FFFF" | Your Text Here

|-

| row 1, cell 1

| row 1, cell 2

|}

and you will get a table as seen below:

Your Text Here Your Text Here
row 1, cell 1 row 1, cell 2
Personal tools