COLORS
There are 16 widely known color names with their RGB values:
Black = #000000 Green = #008000
Silver = #C0C0C0 Lime = #00FF00
Gray = #808080 Olive = #808000
White = #FFFFFF Yellow = #FFFF00
Maroon = #800000 Navy = #000080
Red = #FF0000 Blue = #0000FF
Purple = #800080 Teal = #008080
Fuchsia= #FF00FF Aqua = #00FFFF
NOTE: Some colors may not work in some applications.
Also, if the document is CSS, then the CSS(Cascading Sheet Document)
will default to CSS. The Colors and Fonts may have to be changed inside
the CSS Document.
Basically the same thing below, see how some colors dont work with the
background in this document.
Here is 16 widely known color names with their RGB values:
Black = #000000 Green = #008000
Silver = #C0C0C0 Lime = #00FF00
Gray = #808080 Olive = #808000
White = #FFFFFF Yellow = #FFFF00
Maroon = #800000 Navy = #000080
Red = #FF0000 Blue = #0000FF
Purple = #800080 Teal = #008080
Fuchsia= #FF00FF Aqua = #00FFFF
We can display the colors with full name or with RGB values.(seen below; green)
<font color=green><font color=#008000>
HTML COLOR TAGS; CUT AND PASTE.
HTML FONT COLOR TAGS; CUT AND PASTE.
With html color tags we can use them to;
make a HORIZONAL LINE any size or COLOR we want;
Change the BACKGROUND COLOR in our documents.
Change the FONT COLOR in our documents.
CHANGE BACKGROUND COLOR
Where should I put my font tag?
We will also use different fonts colors in this document,
for study purpose. CUT and PASTE them for your documents
Use light font colors on dark backgrounds.
Use dark font colors on light backgrounds.
Study the HTML tags illustrations see what has been changed inside the
HTML tag to make these displays work.
A simple HR divider tags is: <HR> I have used it all through this
document as a divider line.
There is also a way to make them larger and add color to them.
We can make them small.
<HR align=center width="80%" color=black SIZE=3">
We can make them small and use them as a line divider in our
document as I have done below.
<HR align=center width="100%" color=black SIZE=1">
<HR align=center width="100%" color=brown SIZE=2">
<HR align=center width="100%" color="gold" SIZE="2">
From here on the HR tags are made large for display.
We can make them big.
<HR align=center width="80%" color="black" SIZE="40">
we can make them shorter
darkblue
<HR align=center width="40%" color="darkblue" SIZE="40">
We can make them longer.
blue
<HR align=center width="90%" color="blue" SIZE="40">
darkslateblue
<HR align=center width="80%" color="darkslateblue" SIZE="40">
<FONT color=green size="2">
We can change the font color to GREEN as I have done here.
Even though the display color is DEEPSKYBLUE.
deepskyblue
<HR align=center width="80%" color="deepskyblue" SIZE="40">
We can change the font color to DODGERBLUE as I have done here,
same as display.
dodgerblue
<FONT color="dodgerblue" size="2">
<HR align=center width="80%" color="dodgerblue" SIZE="40">
lightblue
<HR align=center width="80%" color="lightblue" SIZE="4">
lightskyblue
<FONT color="lightskyblue" size="2">
<HR align=center width="80%" color="lightskyblue" SIZE="40">
mediumslateblue
<FONT color="mediumslateblue" size="2">
<HR align=center width="80%" color="mediumslateblue" SIZE="40">
midnightblue
<FONT color="midnightblue" size="2">
<HR align=center width="80%" color="midnightblue" SIZE="40">
royalblue
<FONT color="royal blue" size="2">
<HR align=center width="80%" color="royalblue" SIZE="40">
powderblue
<FONT color="powderblue" size="2">
<HR align=center width="80%" color="powderblue" SIZE="40">
skyblue
<FONT color="skyblue" size="2">
<HR align=center width="80%" color="skyblue" SIZE="40">
slateblue
<FONT color="slateblue" size="2">
<HR align=center width="80%" color="slateblue" SIZE="40">
steelblue
<FONT color="steelblue" size="2">
<HR align=center width="80%" color="steelblue" SIZE="40">
brown
<FONT color="brown" size="2">
<HR align=center width="80%" color="brown" SIZE="40">
rosybrown
<FONT color="rosybrown" size="2">
<HR align=center width="80%" color="rosybrown" SIZE="40">
firebrick
<FONT color="firebrick" size="2">
<hr align=center width="80%" color="firebrick" size="40">
saddlebrown
<FONT color="saddlebrown" size="2">
<hr align=center width="80%" color="saddlebrown" size="40">
chocolate
<FONT color="chocolate" size="2">
<hr align=center width="80%" color="chocolate" size="40">
magenta
<FONT color="magenta" size="2">
<HR align=center width="80%" color="magenta" SIZE="40">
darkmagenta
<FONT color="darkmagenta" size="2">
<HR align=center width="80%" color="darkmagenta" SIZE="40">
goldenrod
<FONT color="goldenrod" size="2">
<hr align=center width="80%" color="goldenrod" size="40">
darkgoldenrod
<FONT color="darkgoldenrod" size="2">
<HR align=center width="80%" color="darkgoldenrod" SIZE="40">
coral
<FONT color="coral" size="2">
<HR align=center width="80%" color="coral" SIZE="40">
peru
<FONT face="Comic Sans MS" color="peru" size="2">
<HR align=center width="80%" color="peru" SIZE="40">
salmon
<FONT face="First-Grader" color="salmon" size="2">
<HR align=center width="80%" color="salmon" SIZE="40">
darksalmon
<FONT face="First-Grader" color="darksalmon" size="2">
<HR align=center width="80%" color="darksalmon" SIZE="40">
sandybrown
<FONT face="Comic Sans MS" color="sandybrown" size="2">
<HR align=center width="80%" color="sandybrown" SIZE="40">
peachpuff
<FONT face="Comic Sans MS" color="peachpuff" size="2">
<HR align=center width="80%" color="peachpuff" SIZE="40">
moccasin
<FONT face="First-Grader" color="moccasin" size="2">
<HR align=center width="80%" color="moccasin" SIZE="40">
bisque
<FONT face="First-Grader" color="bisque" size="2">
<HR align=center width="80%" color="bisque" SIZE="40">
blanchedalmond
<FONT face="First-Grader" color="blanchedalmond" size="2">
<HR align=center width="80%" color="blanchedalmond" SIZE="40">
burlywood
<FONT face="First-Grader" color="burlywood" size="2">
<HR align=center width="80%" color="burlywood" SIZE=40">
wheat
<FONT face="Comic Sans MS" color="wheat" size="2">
<HR align=center width="80%" color="wheat" SIZE="40">
cornsilk
<FONT face="Comic Sans MS" color="cornsilk" size="2">
<HR align=center width="80%" color="cornsilk" SIZE="40">
khaki
<FONT face="First-Grader" color=khaki size="2">
<HR align=center width="80%" color=khaki SIZE="40">
lemonchiffon
<FONT face="First-Grader" color=lemonchiffon size="2">
<HR align=center width="80%" color=lemonchiffon SIZE="40">
darkkhaki
<FONT face="Comic Sans MS" color=darkkhaki size="2">
<HR align=center width="80%" color=darkkhaki SIZE="40">
seashell
<FONT face="First-Grader" color=seashell size="2">
<HR align=center width="80%" color=seashell SIZE="40">
<FONT face="Comic Sans MS" color=sienna size="2">
sienna
<HR align=center width="80%" color=sienna SIZE="40">
silver
<FONT face="First-Grader" color=silver size="2">
<HR align=center width="80%" color=silver SIZE="40">
violet
<FONT face="First-Grader" color=violet size="2">
<HR align=center width="80%" color=violet SIZE="40">
beige
<FONT face="First-Grader" color=beige size="2">
<HR align=center width="80%" color=beige SIZE="40">
GRAY
gray
<FONT face="Comic Sans MS" color=gray size="2">
<HR align=center width="80%" color=gray SIZE="40">
darkgray
<FONT face="Comic Sans MS" color=darkgray size="2">
<HR align=center width="80%" color=darkgray SIZE="40">
chartreuse
<FONT face="Comic Sans MS" color=chartreuse size="2">
<HR align=center width="80%" color=chartreuse SIZE="40">
crimsom
<FONT face="Comic Sans MS" color=crimsom size="2">
<HR align=center width="80%" color=crimson SIZE="40">
cyan
<FONT face="Comic Sans MS" color=cyan size="2">
<HR align=center width="80%" color=cyan SIZE="40">
darkcyan
<FONT face="Comic Sans MS" color=darkcyan size="2">
<HR align=center width="80%" color=darkcyan SIZE="40">
indigo
<FONT face="Comic Sans MS" color=indigo size="2">
<HR align=center width="80%" color=indigo SIZE="40">
lavenderblush
<FONT face="First-Grader" color=lavenderblush size="2">
<HR align=center width="80%" color=lavenderblush SIZE="40">
orange
<FONT face="First-Grader" color=orange size="2">
<HR align=center width="80%" color=orange SIZE="40">
orange red
<FONT face="First-Grader" color=orangered size="2">
<HR align=center width="80%" color=orangered SIZE="40">
orchid
<FONT face="Comic Sans MS" color=orchid size="2">
<HR align=center width="80%" color=orchid SIZE="40">
darkorchid
<FONT face="Comic Sans MS" color=orchid size="2">
<HR align=center width="80%" color=darkorchid SIZE="40">
violet
<FONT face="First-Grader" color=violet size=2">
<HR align=center width="80%" color=violet SIZE="40">
turquoise
<FONT face="First-Grader" color=turquoise size="2">
<HR align=center width="80%" color=turquoise SIZE="40">
pink
<FONT face="First-Grader" color="pink" size="2">
<HR align=center width="80%" color="pink" SIZE="40">
fuchsia
<FONT face="First-Grader" color="fuchsia" size="2">
<HR align=center width="80%" color="fuchsia" SIZE="40">
gold
<FONT face="Comic Sans MS" color="gold" size="2">
<HR align=center width="80%" color="gold" SIZE="40">
coral
<FONT face="Comic Sans MS" color="coral" size="2">
<HR align=center width="80%" color="coral" SIZE="40">
lightcoral
<FONT face="Comic Sans MS" color=lightcoral size="2">
<HR align=center width="80%" color=lightcoral SIZE="40">
cyan
<FONT face="Comic Sans MS" color="cyan" size="2">
<HR align=center width="80%" color="cyan" SIZE="40">
lightcyan
<FONT face="Comic Sans MS" color="lightcyan" size="2">
<HR align=center width="80%" color="lightcyan" SIZE="40">
maroon
<FONT face="Comic Sans MS" color="maroon" size="2">
<HR align=center width="80%" color="maroon" SIZE="40">
purple
<FONT face="Comic Sans MS" color="purple" size="2">
<HR align=center width="80%" color="purple" SIZE="40">
GREEN
green
<FONT face="Comic Sans MS" color="green" size="2">
<HR align=center width="80%" color="green" SIZE="40">
seagreen
<FONT face="Comic Sans MS" color="seagreen" size="2">
<HR align=center width="80%" color="seagreen" SIZE="40">
lightseagreen
<FONT face="Comic Sans MS" color="lightseagreen" size="2">
<HR align=center width="80%" color="lightseagreen" SIZE="40">
lawngreen
<FONT face="Comic Sans MS" color=lawngreen size="2">
<HR align=center width="80%" color=lawngreen SIZE="40">
forestgreen
<FONT face="Comic Sans MS" color=forestgreen size="2">
<HR align=center width="80%" color=forestgreen SIZE=40">
lime
<FONT face="Comic Sans MS" color="lime" size="2">
<HR align=center width="80%" color="lime" SIZE="40">
limegreen
<FONT face="Comic Sans MS" color=limegreen size="2">
<HR align=center width="80%" color=limegreen SIZE="40">
olive
<FONT face="Comic Sans MS" color=olive size="2">
<HR align=center width="80%" color=olive SIZE="40">
olivedrab
<FONT face="Comic Sans MS" color=olivedrab size="2">
<HR align=center width="80%" color=olivedrab SIZE="40">
palegreen
<FONT face="Comic Sans MS" color=palegreen size="2">
<HR align=center width="80%" color=palegreen SIZE="40">
AQUA
<FONT face="Comic Sans MS" color=aqua size="2">
<HR align=center width="80%" color=aqua SIZE="40">
aquamarine
<FONT face="Comic Sans MS" color=aquamarine size="2">
<HR align=center width="80%" color=aquamarine SIZE="40">
teal
<FONT face="Comic Sans MS" color=teal size="2">
<HR align=center width="80%" color=teal SIZE="40">
turquoise
<FONT face="Comic Sans MS" color=turquoise size="2">
<HR align=center width="80%" color=turquoise SIZE="40">
..
mintcream 245-255-250 #f5fffa
<FONT face="Comic Sans MS" color=mintcream size="2">
<HR align=center width="80%" color=mintcream SIZE="40">
mistyrose
<FONT face="Comic Sans MS" color=mistyrose size="2">
<HR align=center width="80%" color=mistyrose SIZE="40">
navy
<FONT face="Comic Sans MS" color=navy size="2">
<HR align=center width="80%" color=navy SIZE="40">
pink
<FONT face="Comic Sans MS" color=pink size="2">
<HR align=center width="80%" color=pink SIZE="40">
plum
<FONT face="Comic Sans MS" color=plum size="2">
<HR align=center width="80%" color=plum SIZE="40">
red
<FONT face="Comic Sans MS" color=red size="2">
<HR align=center width="80%" color=red SIZE="40">
indianred
<FONT face="Comic Sans MS" color=indianred size="2">
<HR align=center width="80%" color=indianred SIZE="40">
palevioletred
<FONT face="Comic Sans MS" color=palevioletred size="2">
<HR align=center width="80%" color=palevioletred SIZE="40">
tomato
<FONT color="tomato" size="2">
<HR align=center width="80%" color="tomato" SIZE="40">
mediumvioletred
<FONT color="mediumvioletred" size="2">
<HR align=center width="80%" color="mediumvioletred" SIZE="40">
WHITE
<FONT color="white" size="2">
<HR align=center width="80%" color=white SIZE="40">
whitesmoke
<FONT color="whitesmoke" size="2">
<HR align=center width="80%" color="whitesmoke" SIZE="40">
navajowhite
<FONT color="navajowhite" size="2">
<HR align=center width="80%" color="navajowhite" SIZE="40">
ghostwhite
<FONT color=ghostwhite size="2">
<HR align=center width="80%" color=ghostwhite SIZE="40">
floralwhite
<FONT color="floralwhite" size="2">
<HR align=center width="80%" color="floralwhite" SIZE="40">
"#d8bfd8
<FONT color="#d8bfd8" size="2">
<HR align=center width="80%" color="#d8bfd8" SIZE="40">
thistle
<FONT color=thistle size="2">
<hr align=center width="80%" color=thistle size="40">
"#a8bfd8"
<font color="#a8bfd8" size="2">
<hr align=center width="80%" color="#a8bfd8" SIZE="40">
"#b8bfd8"
<font color="#b8bfd8" size="2">
<hr align=center width="80%" color="#b8bfd8" SIZE="40">
"#d8bfd8"
<font color="#d8bfd8" size="2">
<hr align=center width="80%" color="#d8bfd8" SIZE="40">
"#e8bfd8"
<FONT color="#e8bfd8" size="2">
<HR align=center width="80%" color="#e8bfd8" SIZE="40">
"#f8bfd8"
<font color="#f8bfd8" size="2">
<hr align=center width="80%" color="#f8bfd8" SIZE="40">
snow
<FONT color=snow size=2">
<hr align=center width="80%" color=snow size=40">
antiquewhite
<FONT color="antiquewhite" size="2">
<hr align=center width="80%" color="antiquewhite" size="40">
wheat
<FONT color="wheat" size="2">
<hr align=center width="80%" color="wheat" size="40">
papayawhip
<FONT color="papayawhip" size="2">
<hr align=center width="80%" color="papayawhip" size="40">
oldlace
<FONT color="oldlace" size="2">
<hr align=center width="80%" color="oldlace" size="40">
linen
<FONT color="linen" size="2">
<hr align=center width="80%" color="linen" size="40">
gainsboro
<FONT color="gainsboro" size="2">
<hr align=center width="80%" color="gainsboro" size="40">
honeydew
<FONT color="honeydew" size="2">
<hr align=center width="80%" color="honeydew" size="40">
YELLOW
<FONT color="yellow" size="2">
<hr align=center width="80%" color="yellow" size="40">
lemonchiffon
<FONT color="gold" size="2">
<hr align=center width="80%" color="lemonchiffon" size="40">
khaki
<FONT color="khaki" size="2">
<hr align=center width="80%" color="khaki" size="40">
lightgoldenrod "#fafad2"
<font color="#fafad2" size="2">
<hr align=center width="80%" color="#fafad2" SIZE="40">
palegoldenrod "#eee8aa"
<font color="#eee8aa" size="2">
<hr align=center width="80%" color="#eee8aa" SIZE="40">
lighyellow
<FONT color="lighyellow" size="2">
<hr align=center width="80%" color="lightyellow" size="40">
"#ffd700 gold
<FONT color=ffd700" size="2">
<HR align=center width="80%" color="#ffd700" SIZE="40">
Goldenrod
<FONT color="Goldenrod" size="2">
<HR align=center width="80%" color="Goldenrod" SIZE="40">
cornsilk
<FONT color="cornsilk" size="2">
<HR align=center width="80%" color="cornsilk" SIZE="40">
lightyellow
<FONT color="lightyellow" size="2">
<HR align=center width="80%" color="lightyellow" SIZE="40">
yellowgreen
<FONT color="yellowgreen" size="2">
<HR align=center width="80%" color="yellowgreen" SIZE="40">
whitesmoke 245-245-245 #f5f5f5
<FONT color="whitesmoke" size="2">
<HR align=center width="80%" color="whitesmoke" SIZE="40">
gainsboro 220-220-220 #dccdc
<FONT color="gainsboro" size="2">
<HR align=center width="80%" color="gainsboro" SIZE="40">
FloralWhite 255-250-240 #fffaf0
<FONT color="FloralWhite" size="2">
<HR align=center width="80%" color="FloralWhite" SIZE="40">
OldLace 253-245-230 #fdf5e6
<FONT color="OldLace" size="2">
<HR align=center width="80%" color="OldLace" SIZE="40">
linen 240-240-230 #faf0e6
<FONT color="Linen" size="2">
<HR align=center width="80%" color="Linen" SIZE="40">
AntiqueWhite 250-235-215 #faebd7
<FONT color="AntiqueWhite" size="2">
<HR align=center width="80%" color="AntiqueWhite" SIZE="40">
<HR align=center width="80%" color="#faebd7" SIZE="40">
AntiqueWhite 2 238-223-204 #eedfcc
<FONT color="AntiqueWhite" size="2">
<HR align=center width="80%" color="AntiqueWhite" SIZE="40">
<HR align=center width="80%" color="#eedfcc" SIZE="40">
AntiqueWhite 4 139-131-120 #8b8378
<FONT color="AntiqueWhite" size="2">
<HR align=center width="80%" color="AntiqueWhite" SIZE="20">
<HR align=center width="80%" color="#8b8378" size="20">
PapayaWhip 255-239-213 #ffefd5
<FONT color="PapayaWhip" size="2">
<HR align=center width="80%" color="PapayaWhip" SIZE="40">
Bisque 255-228-196 ffe4c4
<FONT color="#ffe4c4" size="2">
<HR align=center width="80%" color="#ffe4c4" SIZE="40">
Bisque 2 238-213-183 #eed5b7
<FONT color="#eed5b7" size="2">
<HR align=center width="80%" color="#eed5b7" SIZE="40">
Bisque 3 205-183-158 #cdb79e
<font color="#cdb79e" size="2">
<hr align=center width="80%" color="#cdb79e" SIZE="40">
<hr align=center width="80%" color="Bisque" SIZE="40">
Bisque 4 139-125-107 #8b7d6b
<font color="#8b7d6b" size="2">
<hr align=center width="80%" color="#8b7d6b" SIZE="40">
Peach Puff 255-218-185 #ffdab9
<font color="#ffdab9" size="2">
<hr align=center width="80%" color="#ffdab9" size="40">
Peach Puff 2 238-203-173 #eecbad
<FONT color="#eecbad" size="2">
<HR align=center width="80%" color="#eecbad" size="40">
Peach Puff 3 205-175-149 #cdaf95
<FONT color="#cdaf95" size="2">
<HR align=center width="80%" color="#cdaf95" SIZE="40">
WEBMASTER; Email hw@apianotuning.com.