Color Checker

<center> <font color="#FFFFFF"> <img src="FRITZ.gif" height="61" width="266" alt="The_Fritz"> <br> If you can see this you have "The WebTv Fritz"! <br> The Fritz is a webtv bug that disables <br> javascripts which are used on these pages! <br> You need to reload the page to use this site! <br> Hold down "CMD" & "R" for several seconds! <br> </font> </center>

Color Co-ordinator

Selecting Background, Script and Link Colors

Directions

Three ways to select a Background Color:
1: Click on one of the six colors shown.
2: Type the Name of a color in the Box.
3: Select a Color from the Chart, then type or paste it's Hex Code - not name - in the Box.
Note: If a textured or patterned Background is preferred, select a color midway between the darkest and lightest Colors.

Note the name/Hex Code the chosen BgColor then, with it in place, scroll down the Chart to select a number of suitable colors noting their Hex Codes.

Proceed to check the compatability of the chosen
colors by going to the Color Test Bed

To convert Hex to RGB, or vice versa go to the Hex/RGB Convertor

Color Checker Grey Black Blue Red Green Yellow

Choose a Color Group for Quick Access

Blue

How it will look #8B8970#8B8378 #8DB6CDORCHIDHow it will look

Background Color	Hex Code	Script/Link Color
	#000000	How it will look
White	#FFFFFF	How it will look
GhostWhite	#F8F8FF	How it will look
WhiteSmoke	#F5F5F5	How it will look
Snow1	#FFFAFA	How it will look
Snow2	#EEE9E9	How it will look
Snow3	#CDC9C9	How it will look
Snow4	#8B8989	How it will look
Gainsboro	#DCDCDC	How it will look
FloralWhite	#FFFAF0	How it will look
OldLace	#FDF5E6	How it will look
Linen	#FAF0E6	How it will look
Beige	#F5F5DC	How it will look
LightCyan1	#E0FFFF	How it will look
LightCyan2	#D1EEEE	How it will look
LightCyan3	#B4CDCD	How it will look
LightCyan4	#7A8B8B	How it will look
Honeydew1	#F0FFF0
Honeydew2	#E0EEE0	How it will look
Honeydew3	#C1CDC1	How it will look
Honeydew4	#838B83	How it will look
MintCream	#F5FFFA	How it will look
AliceBlue	#F0F8FF	How it will look
Azure1	#F0FFFF	How it will look
Azure2	#E0EEEE	How it will look
Azure3	#C1CDCD	How it will look
Azure4	#838888	How it will look
Lavender	#E6E6FA	How it will look
LavenderBlush1	#FFF0F5	How it will look
LavenderBlush2	#EEE0E5	How it will look
LavenderBlush3	#CDC1C5	How it will look
LavenderBlush4	#8B8386	How it will look
Seashell1	#FFF5EE	How it will look
Seashell2	#EEE5DE	How it will look
Seashell3	#CDC5BF	How it will look
Seashell4	#8B8682	How it will look
Ivory1	#FFFFF0	How it will look
Ivory2	#EEEEE0	How it will look
Ivory3	#CDCDC1	How it will look
Ivory4	#8B8B83	How it will look
Cornsilk1	#FFF8DC	How it will look
Cornsilk2	#EEE8CD	How it will look
Cornsilk3	#CDC8B1	How it will look
Cornsilk4	#8B8878	How it will look
LemonChiffon1	#FFFACD	How it will look
LemonChiffon2	#EEE9BF	How it will look
LemonChiffon3	#CDC9A5	How it will look
LemonChiffon4	How it will look
AntiqueWhite1	#FFEFDB	How it will look
AntiqueWhite2	#EEDFCC	How it will look
AntiqueWhite3	#CDC0B0	How it will look
AntiqueWhite4	How it will look
PapayaWhip	#FFEFD5	How it will look
Bisque1	#FFE4C4	How it will look
Bisque2	#EED5B7	How it will look
Bisque3	#CDB79E	How it will look
Bisque4	#8B7D6B	How it will look
PeachPuff1	#FFDAB9	How it will look
PeachPuff2	#EECBAD	How it will look
PeachPuff3	#CDAF95	How it will look
PeachPuff4	#8B7765	How it will look
BlanchedAlmond	#FFEBCD	How it will look
Moccasin	#FFE4B5	How it will look
NavajoWhite1	#FFDEAD	How it will look
NavajoWhite2	#EECFA1	How it will look
NavajoWhite3	#CDB38B	How it will look
NavajoWhite4	#8B795E	How it will look
BLUE
Blue1	#6495ED	How it will look
Blue2	#0000FF	How it will look
Blue3	#0000EE	How it will look
Blue4	#0000CD	How it will look
Blue5	#00008B	How it will look
Blue6	#000080	How it will look
Blue7	#191970	How it will look
LightBlue1	#BFEFFF	How it will look
LightBlue2	#B2DFEE	How it will look
LightBlue3	#9AC0CD	How it will look
LightBlue4	#68838B	How it will look
Roya1Blue	#4876FF	How it will look
RoyalBlue2	#436EEE	How it will look
RoyalBlue3	#3A5FCD	How it will look
RoyalBlue4	#27408B	How it will look
DodgerBlue1	#1E90FF	How it will look
DodgerBlue2	#1C86EE	How it will look
DodgerBlue3	#1874CD	How it will look
DodgerBlue4	#104E8B	How it will look
SteelBlue1	#63B8FF	How it will look
SteelBlue2	#5CACEE	How it will look
SteelBlue3	#4F94CD	How it will look
SteelBlue4	#36648B	How it will look
DeepSkyBlue1	#00BFFF	How it will look
DeepSkyBlue2	#00B2EE	How it will look
DeepSkyBlue3	#009ACD	How it will look
DeepSkyBlue4	#00688B	How it will look
SkyBlue1	#87CEFF	How it will look
SkyBlue2	#7EC0EE	How it will look
SkyBlue3	#6CA6CD	How it will look
SkyBlue4	#4A708B	How it will look
LightSkyBlue1	#B0E2FF	How it will look
LightSkyBlue2	#A4D3EE	How it will look
LightSkyBlue3	How it will look
LightSkyBlue4	#607B8B	How it will look
CadetBlue1	#98F5FF	How it will look
CadetBlue2	#8EE5EE	How it will look
CadetBlue3	#7AC5CD	How it will look
CadetBlue4	#53868B	How it will look
Turquoise1	#00F5FF	How it will look
Turquoise2	#00E5EE	How it will look
Turquoise3	#00C5CD	How it will look
Turquoise4	#00868B	How it will look
Cyan1	#00FFFF	How it will look
Cyan2	#00EEEE	How it will look
Cyan3	#00CDCD	How it will look
Cyan4	#00888B	How it will look
SlateBlueGrey1	#C6E2FF	How it will look
SlateBlueGrey2	#B9D3EE	How it will look
SlateBlueGrey3	#9FB6CD	How it will look
SlateBlueGrey4	#6C7B8B	How it will look
LightSteelBlue1	#CAE1FF	How it will look
LightSteelBlue2	#BCD2EE	How it will look
LightSteelBlue3	#A2B5CD	How it will look
LightSteelBlue4	#6E7B8B	How it will look
BLUEGREEN
SlateGreen1	#97FFFF	How it will look
SlateGreen2	#8DEEEE	How it will look
SlateGreen3	#79CDCD	How it will look
SlateGreen4	#528B8B	How it will look
PaleTurquoise1	#BBBBFF	How it will look
PaleTurquoise2	#AEEEEE	How it will look
PaleTurquoise3	#96CDCD	How it will look
PaleTurquoise4	#668B8B	How it will look
Aquamarine1	#7FFFD4	How it will look
Aquamarine2	#76EEC6	How it will look
Aquamarine3	#66CDAA	How it will look
Aquamarine4	#458B74	How it will look
GREEN
Green1	#00FF00	How it will look
Green2	#00EE00	How it will look
Green3	#00CD00	How it will look
Green4	#228B22	How it will look
Green5	#008B00	How it will look
Green6	#006400	How it will look
PaleGreen1	#9AFF9A	How it will look
PaleGreen2	#90EE90	How it will look
PaleGreen3	#7CCD7C	How it will look
PaleGreen4	#548B54	How it will look
DarkSeaGreen1	#C1FFC1	How it will look
DarkSeaGreen2	#B4EEB4	How it will look
DarkSeaGreen3	#9BCD9B	How it will look
DarkSeaGreen4	#698B69	How it will look
SeaGreen1	#54FF9F	How it will look
SeaGreen2	#4EEE94	How it will look
SeaGreen3	#43CD80	How it will look
SeaGreen4	#2E8B57	How it will look
SpringGreen1	#00FF7F	How it will look
SpringGreen2	#00EE76	How it will look
SpringGreen3	#00CD66	How it will look
SpringGreen4	#008B45	How it will look
LawnGreen	#7CFC00	How it will look
Chartreuse1	#7FFF00	How it will look
Chartreuse2	#76EE00	How it will look
Chartreuse3	#66CD00	How it will look
Chartreuse4	#458B00	How it will look
GreenYellow	#ADFF2F	How it will look
OLIVE
OliveDrab1	#C0FF3E	How it will look
OliveDrab2	#B3EE3A	How it will look
OliveDrab3	#9ACD32	How it will look
OliveDrab4	#6B8E23	How it will look
OliveDrab5	#698B22	How it will look
DarkOliveGreen1	#CAFF70	How it will look
DarkOliveGreen2	#BCEE68	How it will look
DarkOliveGreen3	#A2CD5A	How it will look
DarkOliveGreen4	#6E8B3D	How it will look
YELLOW
PaleYellow	#ECFFA1	How it will look
Yellow1	#FFFF00	How it will look
Yellow2	#EEEE00	How it will look
Yellow3	#CDCD00	How it will look
Yellow4	#8B8B00	How it will look
LightYellow1	#FFFFE0	How it will look
LightYellow2	#EEEED1	How it will look
LightYellow3	#CDCDB4	How it will look
LightYellow4	#8B8B7A	How it will look
GOLD
Gold1	#FFD700	How it will look
Gold2	#EEC900	How it will look
Gold3	#CDAD00	How it will look
Gold4	#8B7500	How it will look
Goldenrod1	#FFC125	How it will look
Goldenrod2	#EEB422	How it will look
Goldenrod3	#DAA520	How it will look
Goldenrod4	#CD9B1D	How it will look
Goldenrod5	#8B6914	How it will look
LightGoldenrod1	#FAFAD2	How it will look
LightGoldenrod2	#EEE8AA	How it will look
LightGoldenrod3	#FFEC8B	How it will look
LightGoldenrod4	#EEDD82	How it will look
LightGoldenrod5	#EEDC82	How it will look
LightGoldenrod6	#CDBE70	How it will look
LightGoldenrod7	#8B814C	How it will look
DarkGoldenrod1	#FFB90F	How it will look
DarkGoldenrod2	#EEAD0E	How it will look
DarkGoldenrod3	#CD950C	How it will look
DarkGoldenrod4	#B8860B	How it will look
KHAKI
Khaki1	#FFF68F	How it will look
Khaki2	#EEE685	How it will look
Khaki3	#CDC673	How it will look
Khaki4	#BDB76B	How it will look
Khaki5	#8B864E	How it will look
GREY
Grey1	#E8E8E8	How it will look
Grey2	#CFCFCF	How it will look
Grey3	#D3D3D3	How it will look
Grey4	#BEBEBE	How it will look
Grey5	#B5B5B5	How it will look
Grey6	#A9A9A9	How it will look
Grey7	#9C9C9C	How it will look
Grey8	#828282	How it will look
Grey9	#696969	How it will look
Grey10	#4F4F4F	How it will look
Grey11	#363636	How it will look
Grey12	#1C1C1C	How it will look
LightSlateGrey	#778899	How it will look
SlateGrey	#708090	How it will look
DarkSlateGrey	#2F4F4F	How it will look
SLATEBLUE
SlateBlue1	#836FFF	How it will look
SlateBlue2	#7A67EE	How it will look
SlateBlue3	#6959CD	How it will look
SlateBlue4	#473C8B	How it will look
PURPLE
MediumPurple1	#AB82FF	How it will look
MediumPurple2	#9F79EE	How it will look
MediumPurple3	#9370DB	How it will look
MediumPurple4	#8968CD	How it will look
MediumPurple5	#5D478B	How it will look
Purple1	#9B30FF	How it will look
Purple2	#912CEE	How it will look
Purple4	#A020F0	How it will look
Purple4	#7D26CD	How it will look
Purple5	#551A8B	How it will look

Orchid1	#FF83FA	How it will look
Orchid2	#EE7AE9	How it will look
Orchid3	#CD69C9	How it will look
Orchid4	#DA70D6	How it will look
Orchid45	#8B4789	How it will look
MediumOrchid1	#E066FF	How it will look
MediumOrchid2	#D15FEE	How it will look
MediumOrchid3	#B452CD	How it will look
MediumOrchid4	#BA55D3	How it will look
MediumOrchid5	#7A378B	How it will look
DarkOrchid1	#BF3EFF	How it will look
DarkOrchid2	#B23AEE	How it will look
DarkOrchid3	#9A32CD	How it will look
DarkOrchid4	#9932CC	How it will look
DarkOrchid5	#68228B	How it will look
PLUM
Plum1	#FFBBFF	How it will look
Plum2	#EEAEEE	How it will look
Plum3	#DDA0DD	How it will look
Plum4	#CD96CD	How it will look
Plum5	#8B668B	How it will look
MAGENTA
Magenta1	#FF00FF	How it will look
Magenta2	#EE00EE	How it will look
Magenta3	#CD00CD	How it will look
Magenta4	#8B008B	How it will look
VIOLET
Violet	#EE82EE	How it will look
DarkViolet	#9400D3	How it will look
BlueViolet	#8A2BE2	How it will look
PINK
LightPink1	#FFB6C1	How it will look
LightPink2	#FFAEB9	How it will look
LightPink3	#EEA2AD	How it will look
LightPink4	#CD8C95	How it will look
LightPink5	#8B5F65	How it will look
Thistle1	#FFE1FF	How it will look
Thistle2	#EED2EE	How it will look
Thistle3	#CDB5CD	How it will look
Thistle4	#8B7B8B	How it will look
RosyBrown1	#FFC1C1	How it will look
RosyBrown2	#EEB4B4	How it will look
RosyBrown3	#CD9B9B	How it will look
RosyBrown4	#BC8F8F	How it will look
RosyBrown5	#8B6969	How it will look
Pink1	#FFB5C5	How it will look
Pink2	#EEA9B8	How it will look
Pink3	#CD919E	How it will look
Pink4	#8B636C	How it will look
HotPink1	#FF69B4	How it will look
HotPink2	#FF6EB4	How it will look
HotPink3	#EE6AA7	How it will look
HotPink4	#CD6090	How it will look
HotPink5	#8B3A62	How it will look
DeepPink1	#FF1493	How it will look
DeepPink2	#EE1289	How it will look
DeepPink3	#CD1076	How it will look
DeepPink4	#8B0A50	How it will look
SALMON
LightSalmon1	#FFA07A	How it will look
LightSalmon2	#E9967A	How it will look
LightSalmon3	#EE9572	How it will look
LightSalmon4	#CD8162	How it will look
LightSalmon5	#8B5742	How it will look
Salmon1	#FF8C69	How it will look
Salmon2	#FA8072	How it will look
Salmon3	#EE8262	How it will look
Salmon4	#CD7054	How it will look
Salmon5	#8B4C39	How it will look
ORANGE
OrangeTan1	#FFA54F	How it will look
OrangeTan2	#EE9A49	How it will look
OrangeTan3	#CD853F	How it will look
OrangeTan4	#8B5A2B	How it will look
Orange1	#FFA500	How it will look
Orange2	#EE9A00	How it will look
Orange3	#CD8500	How it will look
Orange4	#8B5A00	How it will look
DarkOrange1	#FF8C00	How it will look
DarkOrange2	#FF7F00	How it will look
DarkOrange3	#EE7600	How it will look
DarkOrange4	#CD6600	How it will look
DarkOrange5	#8B4500	How it will look
OrangeSienna1	#FF8247	How it will look
OrangeSienna2	#EE7942	How it will look
OrangeSienna3	#CD6839	How it will look
OrangeSienna4	#8B4726	How it will look
OrangeChocolate1	#FF7F24	How it will look
OrangeChocolate2	#EE7621	How it will look
OrangeChocolate3	#CD661D	How it will look
OrangeChocolate4	#D2691E	How it will look
OrangeChocolate5	#8B4513	How it will look
OrangeRed1	#FF4500	How it will look
OrangeRed2	#EE4000	How it will look
OrangeRed3	#CD3700	How it will look
OrangeRed4	#8B2500	How it will look
CORAL
Coral1	#F08080	How it will look
Coral2	#FF7F50	How it will look
Coral3	#FF7256	How it will look
Coral4	#EE6A50	How it will look
Coral5	#CD5B45	How it will look
Coral6	#8B3E2F	How it will look
RED
PaleRed1	#FF82AB	How it will look
Red1	#FF0000	How it will look
Red2	#EE0000	How it will look
Red3	#CD0000	How it will look
Red4	#880000	How it will look
IndianRed1	#FF6A6A	How it will look
IndianRed2	#EE6363	How it will look
IndianRed3	#CD5C5C	How it will look
IndianRed4	#CD5555	How it will look
IndianRed5	#8B3A3A	How it will look
Firebrick1	#FF3030	How it will look
Firebrick2	#EE2C2C	How it will look
Firebrick3	#CD2626	How it will look
Firebrick4	#B22222	How it will look
Firebrick5	#8B1A1A	How it will look
Tomato1	#FF6347	How it will look
Tomato2	#EE5C42	How it will look
Tomato3	#CD4F39	How it will look
Tomato4	#8B3626	How it will look
PaleVioletRed1	#FF82AB	How it will look
PaleVioletRed2	#EE799F	How it will look
PaleVioletRed3	#CD6889	How it will look
PaleVioletRed4	#8B475D	How it will look
VioletRed1	#FF3E96	How it will look
VioletRed2	#EE3A8C	How it will look
VioletRed3	#CD3278	How it will look
VioletRed4	#8B2252	How it will look
RedBrown1	#FF4040	How it will look
RedBrown2	#EE3B3B	How it will look
RedBrown3	#CD3333	How it will look
RedBrown4	#8B2323	How it will look
MAROON
Maroon1	#FF34B3	How it will look
Maroon2	#EE30A7	How it will look
Maroon3	#CD2990	How it will look
Maroon4	#B03060	How it will look
Maroon5	#8B1C62	How it will look
BROWN
Wheat1	#FFE7BA	How it will look
Wheat2	#F5DEB3	How it will look
Wheat3	#EED8AE	How it will look
Wheat4	#CDBA96	How it will look
Wheat5	#8B7E66	How it will look
Tan	#D2B48C	How it will look
Burlywood1	#FFD39B	How it will look
Burlywood2	#EEC591	How it will look
Burlywood3	#DEB887	How it will look
Burlywood4	#CDAA7D	How it will look
Burlywood5	#887355	How it will look
Sienna	#A0522D	How it will look
Peru	#CD853F	How it will look
SaddleBrown	#8B4513
SandyBrown	#F4A460	How it will look
Brown	#A52A2A	How it will look

Color Test Bed

Minimum HTML needed:

<HTML><</plaintext>BODY bgcolor=<font color=green>??</font><plaintext>><</plaintext>font color=<font color=green>???</font><plaintext>></plaintext></font><p></center></center> <dd><font color=white>Notes:<p> 1: Delete <font color=green>??</font> - insert color name or Hex Code.<br> For Backgrounds insert appropriate HTML.<p> 2: Delete <font color=green>???</font> - insert chosen text or link colors,<br> by name or Hex Code, one at a time.<p> 3: Type a few words then check for compatability.<p> 4: If desired, use HTML to check images etc., or<br>use as a full-scale Test Bed with unlimited <br>capacity. However, a maximum of up to 400<br> rows is recommended.<p> 5: Closing HTML tags are not required.<p> </dd><CENTER> <SCRIPT language=JavaScript> function preview(){ temp = document.editor.area.value; preWindow= open("", "preWindow","status=no,toolbar=no,menubar=yes"); preWindow.document.open(); preWindow.document.write(temp); preWindow.document.close(); } </SCRIPT> <BODY bgcolor=#ffffff> <FORM name="editor"> <TEXTAREA bgcolor=#262626 cols=160 rows=15 nohighlight wrap=physical name="area"></TEXTAREA> <TABLE bgcolor=#000000 border=1 cellpadding=11> <TR> <TD> <INPUT type=button text=#3a5fcd value="Checking Color Compatibility" onClick="preview()"> </TD><TD><INPUT type=reset text=#3a5fcd value="Delete Work"> </FORM> </TD> </TR> </TABLE> </CENTER>