The following table displays all the colours in the so-called X11 color set. You can use either the
Color Name or the RGB Value as the FONT COLOR attribute, or PAGE BACKGROUND COLOR property.
To view the colours in this table, you need Internet Explorer 3.0 or higher, or
Netscape Navigator 3.0 or higher.
To find out which colours look perfect for your website then please copy all the text in the following box to any word processing program such as Windows Notepad
Now save it as test.html and without closing the original file open it in an Internet window and view the results
Now go back to the original text and change the colour name within quotes ("") for any of the color names or RGB values from the table below
Make sure you keep the quotes and then save it again
Now go back to the Internet page and press the F5 button to refresh the page and the new colours will appear
Keep doing that until you find the combination that pleases you
Color
Color Name
RGB Value
LightPink
#FFB6C1
Pink
#FFC0CB
Crimson
#DC143C
LavenderBlush
#FFF0F5
PaleVioletRed
#DB7093
HotPink
#FF69B4
DeepPink
#FF1493
MediumVioletRed
#C71585
Orchid
#DA70D6
Thistle
#D8BFD8
Plum
#DDA0DD
Violet
#EE82EE
Magenta
#FF00FF
Fuchsia
#FF00FF
DarkMagenta
#8B008B
Purple
#800080
MediumOrchid
#BA55D3
DarkViolet
#9400D3
DarkOrchid
#9932CC
Indigo
#4B0082
BlueViolet
#8A2BE2
MediumPurple
#9370DB
MediumSlateBlue
#7B68EE
SlateBlue
#6A5ACD
DarkSlateBlue
#483D8B
Lavender
#E6E6FA
GhostWhite
#F8F8FF
Blue
#0000FF
MediumBlue
#0000CD
MidnightBlue
#191970
DarkBlue
#00008B
Navy
#000080
RoyalBlue
#4169E1
CornflowerBlue
#6495ED
LightSteelBlue
#B0C4DE
LightSlateGray
#778899
SlateGray
#708090
DodgerBlue
#1E90FF
AliceBlue
#F0F8FF
SteelBlue
#4682B4
LightSkyBlue
#87CEFA
SkyBlue
#87CEEB
DeepSkyBlue
#00BFFF
LightBlue
#ADD8E6
PowderBlue
#B0E0E6
CadetBlue
#5F9EA0
Azure
#F0FFFF
LightCyan
#E0FFFF
PaleTurquoise
#AFEEEE
Cyan
#00FFFF
Aqua
#00FFFF
DarkTurquoise
#00CED1
DarkSlateGray
#2F4F4F
DarkCyan
#008B8B
Teal
#008080
MediumTurquoise
#48D1CC
LightSeaGreen
#20B2AA
Turquoise
#40E0D0
Aquamarine
#7FFFD4
MediumAquamarine
#66CDAA
MediumSpringGreen
#00FA9A
MintCream
#F5FFFA
SpringGreen
#00FF7F
MediumSeaGreen
#3CB371
SeaGreen
#2E8B57
Honeydew
#F0FFF0
LightGreen
#90EE90
PaleGreen
#98FB98
DarkSeaGreen
#8FBC8F
LimeGreen
#32CD32
Color
Color Name
RGB Value
Lime
#00FF00
ForestGreen
#228B22
Green
#008000
DarkGreen
#006400
Chartreuse
#7FFF00
LawnGreen
#7CFC00
GreenYellow
#ADFF2F
DarkOliveGreen
#556B2F
YellowGreen
#9ACD32
OliveDrab
#6B8E23
Beige
#F5F5DC
LightGoldenrodYellow
#FAFAD2
Ivory
#FFFFF0
LightYellow
#FFFFE0
Yellow
#FFFF00
Olive
#808000
DarkKhaki
#BDB76B
LemonChiffon
#FFFACD
PaleGoldenrod
#EEE8AA
Khaki
#F0E68C
Gold
#FFD700
Cornsilk
#FFF8DC
Goldenrod
#DAA520
DarkGoldenrod
#B8860B
FloralWhite
#FFFAF0
OldLace
#FDF5E6
Wheat
#F5DEB3
Moccasin
#FFE4B5
Orange
#FFA500
PapayaWhip
#FFEFD5
BlanchedAlmond
#FFEBCD
NavajoWhite
#FFDEAD
AntiqueWhite
#FAEBD7
Tan
#D2B48C
BurlyWood
#DEB887
Bisque
#FFE4C4
DarkOrange
#FF8C00
Linen
#FAF0E6
Peru
#CD853F
PeachPuff
#FFDAB9
SandyBrown
#F4A460
Chocolate
#D2691E
SaddleBrown
#8B4513
Seashell
#FFF5EE
Sienna
#A0522D
LightSalmon
#FFA07A
Coral
#FF7F50
OrangeRed
#FF4500
DarkSalmon
#E9967A
Tomato
#FF6347
MistyRose
#FFE4E1
Salmon
#FA8072
Snow
#FFFAFA
LightCoral
#F08080
RosyBrown
#BC8F8F
IndianRed
#CD5C5C
Red
#FF0000
Brown
#A52A2A
FireBrick
#B22222
DarkRed
#8B0000
Maroon
#800000
White
#FFFFFF
WhiteSmoke
#F5F5F5
Gainsboro
#DCDCDC
LightGrey
#D3D3D3
Silver
#C0C0C0
DarkGray
#A9A9A9
Gray
#808080
DimGray
#696969
Black
#000000
Movies
Hyperlinks
A link from one web page to another (links can also point to another location on the same page)
Hyperlinks
Are codes embedded in text or an image that initiate connections. If they are text-based links (hypertext), they are usually underlined and highlighted. When you select the hypertext (generally by clicking on it with a mouse), it will initiate a connection to another location and display that information. This "other information" may be another Web page at the same site, a sound or video clip, or a connection to Web sites located elsewhere on the Internet. Hyperlinks may also take the form of hypermedia, such as a graphic or icon.
You can use any picture as a Background Picture. You can use either the Picture Name or the full Website Address
So you can either use http://hale.xoompages.com/LucyAlexander.png or LucyAlexander.png to display the background picture
But to use just the picture name then the picture must be saved in the same folder as the page that it is displayed on
But if it is not then you must either use the full Website Address or ../LucyAlexander.png because ../ tells the web browser to look back a folder so if the picture was stored in a folder called pictures then you'd either use pictures/LucyAlexander.png (if the page is stored in the same location as the pictures folder) or ../pictures/LucyAlexander.png (if the page is stored in it's own separate folder and the pictures folder is stored in the main web folder not in the page's folder)
To find out which background pictures and text colours look perfect for your website then please copy all the text in the following box to any word processing program such as Windows Notepad
Now save it as test.html and without closing the original file open it in an Internet window and view the results
Now go back to the original text and change the picture name/web address within quotes ("") for the name or web address or the picture you'd like to use.
Make sure you keep the quotes and then save it again
If you like the picture then you can just change the text colour using the colour names on this page X11 Color Chart until you find a suitable colour that will display properly on top of your chosen background picture
Now go back to the Internet page and press the F5 button to refresh the page and the new colours/pictures will appear
Keep doing that until you find the combination that pleases you
The same rule can be applied to images that are displayed on screen
So copy and paste the following line into the previous test file that you created
Now play around to see which pictures look good on screen following the instructions above
