Tactical Panda - Using Colours
 
  Home Page •  About Us •  Search •  Contact Us •  Bookmark  
"Helping you to help yourself to the internet!"  
 
Contents
Colour
Forms
Free Stuff
Graphics
HTML
Javascripts
Cascading Style Sheets
Tables
Website Templates
 
In Brief...
 
Using Colours (1)

Colours

First thing to remember when you are writing HTML is that you spell 'color' without the 'u', and is you use a text description of a color, please ensure that you spell it exactly as you see it below.

My best advice is use the Hexadecimal code that you can also see below, to avoid any posibility of 'Browser Confusion', plus you may havel noticed that a couple of the generic names are repeated, so it wouldn't help just to use 'blue' (for example) as you will not be sure which blue your visitor's browser will display!

Remember when you are using Hexadecimal codes to place the 'hash' mark (#) before the code. The chances are the browser will still recognise the colour, but it's always better to be colour safe than sorry.

accuprobe
#A700050		 aliceblue
#F0F8FF		 antiquewhite
#FAEBD7		 aqua
#00FFFF
aquamarine
#66CDAA		 aquamarine
#7FFFD4		 azure
#F0FFFF
 beige
#F5F5DC
banana
#E3CF57		 bisque
#FFE4C4		 black
#000000		 blanchedalmond
#FFEBCD
blue
#0000FF		 blue
#0000CD		 blueviolet
#8A2BE2		 brown
#A52A2A
burlywood
#DEB887		 cadetblue
#5F9EA0		 cadmiumorange
#ff6103		 chartreuse
#7FFF00
chocolate
#D2691E		 cobalt
#3D59AB		 coral
#FF7F50		 cornflowerblue
#6495ED
cornsilk
#FFF8DC		 crimson
#DC143C		 cyan
#00CDCD		 cyan
#00FFFF
dandybrown
#F4A460		 darkblue
#00008B		 darkcyan
#008B8B		 darkgoldenrod
#B8860B
darkgray
#A9A9A9		 darkgreen
#006400		 darkkhaki
#BDB76B		 darkmagenta
#8B008B
darkmagenta
#8B008B		 darkolivegreen
#556B2F		 darkorange
#FF8C00		 darkorange
#EE7600
darkorchid
#9932CC		 darkorchid
#9A32CD		 darkred
#8B0000		 darksalmon
#E9967A
darkseagreen
#8FBC8F		 darkseagreen
#9BCD9B		 darkslateblue
#483D8B		 darkslategray
#2F4F4F
darkturquoise
#00CED1		 darkviolet
#9400D3		 deeppink
#CD1076		 deeppink
#FF1493
Deepskyblue
#00BFFF		 Deepskyblue
#009ACD		 Dimgray
#696969		 Dodgerblue
#1E90FF
firebrick
#B22222		 flesh
#FF7D40		 floralwhite
#FFFAF0		 forestgreen
#228B22
fuchsia
#FF00FF		 gainsboro
#DCDCDC		 ghostwhite
#F8F8FF		 gold
#cce900
gold
#FFD700		 gold
#CDAD00		 goldenrod
#DAA520		 gray
#808080
green
#008000		 green
#00CD00		 greenyellow
#ADFF2F		 honeydew
#F0FFF0
hotpink
#FF69B4		 hotpink
#CD6090		 indianred
#CD5C5C		 indigo
#4B0082
ivory
#FFFFF0		 ivory
#CDCDC1		 khaki
#F0E68C		 lavender
#E6E6FA
lavenderblush
#FFF0F5		 lavenderblush
#EEE0E5		 lawngreen
#7CFC00		 lemonchiffon
#FFFACD
lightblue
#ADD8E6		 lightblue
#BFEFFF		 lightcoral
#F08080		 lightcyan
#E0FFFF
yellow
#FFFF00		 yellow
#EEEE00		 yellow
#CDCD00		 yellowgreen
#9ACD32
lightpink
#FFB6C1		 lightpink
#EEA2AD		 lightsalmon
#FFA07A		 lightseagreen
#20B2AA
lightskyblue
#87CEFA		 lightskyblue
#A4D3EE		 lightslategray
#778899		 lightsteelblue
#B0C4DE
lightyellow
#FFFFE0		 lightyellow
#EEEED1		 lime
#00FF00		 limegreen
#32CD32
linen
#FAF0E6		 magenta
#FF00FF		 manganeseblue
#03899E		 maroon
#800000
maroon
#8B1C62		 mediumauqamarine
#66CDAA		 mediumblue
#0000CD		 mediumorchid
#BA55D3
mediumpurple
#9370D8		 mediumpurple
#8968CD		 mediumseagreen
#3CB371		 mediumslateblue
#7B68EE
mediumspringgreen
#00FA9A		 mediumturquoise
#48D1CC		 mediumvioletred
#C71585		 melon
#E38969
midnightblue
#191970		 mint
#BDFCC9		 mintcream
#F5FFFA		 mistyrose
#FFE4E1
moccasin
#FFE4B5		 navajowhite
#FFDEAD		 navajowhite
#EECFA1		 navyblue
#000080
oldlace
#FDF5E6		 olive
#808000		 olivedrab
#9ACD32		 olivedrab
#688E23
orange
#FFA500		 orange
#FF8000		 orangered
#FF4500		 orchid
#DA70D6
palegoldenrod
#EEE8AA		 palegreen
#98FB98		 palegreen
#9AFF9A		 paleturquoise
#AFEEEE
palevioletred
#D87093		 palevioletred
#FF82AB		 papayawhip
#FFEFD5		 peachpuff
#FFDAB9
peru
#CD853F		 pink
#FFC0CB		 pink
#FFB5C5		 plum
#DDA0DD
powderblue
#B0E0E6		 purple
#800080		 red
#EE0000		 red
#FF0000
rosybrown
#BC8F8F		 royalblue
#4169E1		 royalblue
#27408B		 saddlebrown
#8B4513
salmon
#FA8072		 salmon
#FF8C69		 sandybrown
#F4A460		 seagreen
#2E8B57
seagreen
#43CD80		 seashell
#FFF5EE		 sienna
#A0522D		 silver
#C0C0C0
sgibeat
#8E388E		 skyblue
#87CEEB		 slateblue
#6A5ACD		 slategray
#708090
sienna
#A0522D		 snow
#FFFAFA		 springgreen
#00FF7F		 steelblue
#4682B4
tan
#D2B48C		 teal
#008080		 terreverte
#385EFF		 thistle
#D8BFD8
tomato
#FF6347		 turquoise
#40E0D0		 turquoise
#00E5EE		 violet
#EE82EE
warmgray
#808069		 lightgoldenrodyellow
#FAFAD2		 white
#FFFFFF		 whitesmoke
#F5F5F5
wheat
#F5DEB3
 lightgrey
#D3D3D3 		lightgoldenrodyellow
#FFEC8B		 lightgreen
#90EE90

So how do you use colours? Here's an example using a simple text message. If you are using Cascading Style Sheets (CSS) then you can dictate the font colour for the entire page in the <head> section..

If you want to say something in (for example) red, it looks like this:

Here is the text written in black.
Here is the text written in red.

To do this, add the coding <font color="#FF0000">Here is the text written in red</font> You can say <font color="red"> if you want but this can confuse the browser as to which red you want, so it's best to use a Hexadecimal code.

Use any of the colours in the table above to suit the colour of your website, but avoid the use of clashing or over-vibrant colours as they can be off-putting if used to excess!

For more information about using colours on your website, please click here. For more information about mixing colours on your site, plus a useful Hexidecimal / RGB coluor converter, please click here.

Top

<<< Previous page
 
Home Page •  About Us •  Search •  Contact Us •  Bookmark
© Copyright 2004 Tactical Panda