Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<html>
<head>
<title>Цветовая палитра Безопасные цвета </title>
<style>
body { 
font-family: Verdana, Arial, Helvetica, sans-serif ; 
text-align: justify; vertical-align: top; font-weight: normal; 
background-color: #EBEBEB; color: #292421; 
margin: 12px 0; padding: 0; 
}    
.outer { width: 100%; background-color: #FFFFFF;}
.inner { width: 90%; font-size: 100%  }
.header, .footer 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif ;
vertical-align: middle; padding: 3px;
}
.header
{
background-color: #8FBC8F;  color: #008080;
border: #008080 solid; border-width: 2px 0; 
font-size: 80%; text-align: left; 
}        
.footer 
{
border: #008080 solid; border-width: 2px 0 0 0; 
font-size: 80%; text-align: center; background-color: #EBEBEB;  
}        
.nav, .nav2 {
font-family: Verdana, Arial, Helvetica, sans-serif;            
vertical-align: middle;    
}
.nav  { font-size: 80%; text-align: right; }
.nav2 { font-size: 80%; text-align: center;}
h1,h2,h3 { font-weight: bold; text-align: center; }
h1 { font-size: 140%;  }
h2 { font-size: 110%; font-family:  Verdana, Arial, Helvetica, sans-serif; 
border: #8FBC8F solid; border-width: 0 0 0 10px; background-color: #EBEBEB;
}
h3 { font-size: 100% }
a, a:link { color: #FF8C00;  text-decoration: underline}
a:visited { color: #CD853F; text-decoration: underline}
a:active { color: #92836F; text-decoration: underline} 
.header a, .header a:link, .header a:visited, .header a:active
{ color: #FFFFFF; font-weight: bold; text-decoration: none;  }       
.footer a, .footer a:link, .footer a:visited, .footer a:active    
{ color: #008080; font-weight: normal; text-decoration: underline;  }       
.header a:hover, .footer a:hover { text-decoration: none; }
.header a:hover { color: #008080; }
.nav a, .nav a:link, .nav a:visited, .nav a:active
{ color: #008080; font-weight: normal; text-decoration: underline; }
.nav2 a, .nav2 a:link, .nav2 a:visited, .nav2 a:active
{ color: #8FBC8F; font-weight: bold; text-decoration: underline;}                                                                  
.nav a:hover, .nav2 a:hover { text-decoration: none; }
input { padding: 2px; font-size: 90% }
p:first-letter { font-size: 130% }
textarea { background-color: #EBEBEB; color: #292421; cursor: text; 
           font-size: 95%; width:100% }      
var, code { font-weight: bold; font-size: 95%; }
ul { list-style-type: circle; }
ul li { margin: 0.7em 0 }
table.tbl, table.logo { border-collapse: collapse; } 
table.tbl { border: #008080 solid; border-width: 0 1px 1px 0 }
table.tbl th { background-color: #EBEBEB; color: #008080; }
table.logo td  { background-color: #FFFFFF; border: solid #008080; font-size: 110%; border-width: 1px 0 0 0; }
table.tbl tr, table.tbl td, table.tbl th
{ font-size: 100%; border: #008080 solid; border-width: 1px 0 1px 1px }
table .tbl2 { font-size: 100%; }
table .tbl3 { border-collapse: collapse; border: 1px #008080 dashed;} 
table.tbl3 tr, table.tbl3 td { border: 1px #008080 dashed; }
.ilogo img{ border: #008080 solid; border-width:  0 1px 0 0; }
dt { font-weight: bold; padding: 0.5em; }
.detail { font-size: 85%; padding: 0 10px; border: solid #CD853F; border-width: 0 0 0 1px; }
.comment { font-size: 80%; text-align: center; width: 70%;}
.ads { text-align: center; margin: 5px 0; padding: 2px; }
.text2 { font-size: 80%; }                        
table.tbl3 td  { vertical-align: top }
</style>
<script>
function colorRows() {
  var myTR = document.getElementsByTagName('tr');
  for (var i=0;i<myTR.length;i++) {
    if (i%2) {
      myTR[i].className = 'rowTint';
    }  }}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }  }}
addLoadEvent(function() {
  colorRows();
});
</script>
<style>
.rowTint {
  color: #000;
  background: #fffaca;
}
table{BORDER-TOP: #e8e7d0 1px solid; BORDER-RIGHT: #e8e7d0 1px solid; BORDER-LEFT: #e8e7d0 1px solid; BORDER-BOTTOM: #e8e7d0 1px solid;}
</style>
<script>
var FamColors = new Array(
new FamColor("Whites"),
new FamColor("antique white","#FAEBD7"),
new FamColor("azure","#F0FFFF"),
new FamColor("bisque","#FFE4C4"),
new FamColor("blanched almond","#FFEBCD"),
new FamColor("cornsilk","#FFF8DC"),
new FamColor("eggshell","#FCE6C9"),
new FamColor("floral white","#FFFAF0"),
new FamColor("gainsboro","#DCDCDC"),
new FamColor("ghost white","#F8F8FF"),
new FamColor("honeydew","#F0FFF0"),
new FamColor("ivory","#FFFFF0"),
new FamColor("lavender","#E6E6FA"),
new FamColor("lavender blush","#FFF0F5"),
new FamColor("lemon chiffon","#FFFACD"),
new FamColor("linen","#FAF0E6"),
new FamColor("mint cream","#F5FFFA"),
new FamColor("misty rose","#FFE4E1"),
new FamColor("moccasin","#FFE4B5"),
new FamColor("navajo white","#FFDEAD"),
new FamColor("old lace","#FDF5E6"),
new FamColor("papaya whip","#FFEFD5"),
new FamColor("peach puff","#FFDAB9"),
new FamColor("seashell","#FFF5EE"),
new FamColor("snow","#FFFAFA"),
new FamColor("thistle","#D8BFD8"),
new FamColor("titanium white","#FCFFF0"),
new FamColor("wheat","#F5DEB3"),
new FamColor("white","#FFFFFF",1),
new FamColor("white smoke","#F5F5F5"),
new FamColor("zinc white","#FDF8FF"),
new FamColor("Greys"),
new FamColor("cold grey","#808A87"),
new FamColor("dim grey","#696969"),
new FamColor("grey","#808080",1),
new FamColor("light grey","#D3D3D3"),
new FamColor("silver","#C0C0C0",1),
new FamColor("slate grey","#708090"),
new FamColor("slate grey dark","#2F4F4F"),
new FamColor("slate grey light","#778899"),
new FamColor("warm grey","#808069"),
new FamColor("Blacks"),
new FamColor("black","#000000",1),
new FamColor("ivory black","#292421"),
new FamColor("lamp black","#2E473B"),
new FamColor("Reds"),
new FamColor("alizarin crimson","#E32636"),
new FamColor("brick","#9C661F"),
new FamColor("cadmium red deep","#E3170D"),
new FamColor("coral","#FF7F50"),
new FamColor("coral light","#F08080"),
new FamColor("deep pink","#FF1493"),
new FamColor("english red","#D43D1A"),
new FamColor("firebrick","#B22222"),
new FamColor("geranium lake","#E31230"),
new FamColor("hot pink","#FF69B4"),
new FamColor("indian red","#B0171F"),
new FamColor("light salmon","#FFA07A"),
new FamColor("madder lake deep","#E32E30"),
new FamColor("maroon","#800000",1),
new FamColor("pink","#FFC0CB"),
new FamColor("pink light","#FFB6C1"),
new FamColor("raspberry","#872657"),
new FamColor("red","#FF0000",1),
new FamColor("rose madder","#E33638"),
new FamColor("salmon","#FA8072"),
new FamColor("tomato","#FF6347"),
new FamColor("venetian red","#D41A1F"),
new FamColor("Browns"),
new FamColor("beige","#A39480"),
new FamColor("brown","#802A2A"),
new FamColor("brown madder","#DB2929"),
new FamColor("brown ochre","#87421F"),
new FamColor("burlywood","#DEB887"),
new FamColor("burnt sienna","#8A360F"),
new FamColor("burnt umber","#8A3324"),
new FamColor("chocolate","#D2691E"),
new FamColor("deep ochre","#733D1A"),
new FamColor("flesh","#FF7D40"),
new FamColor("flesh ochre","#FF5721"),
new FamColor("gold ochre","#C77826"),
new FamColor("greenish umber","#FF3D0D"),
new FamColor("khaki","#F0E68C"),
new FamColor("khaki dark","#BDB76B"),
new FamColor("light beige","#F5F5DC"),
new FamColor("peru","#CD853F"),
new FamColor("rosy brown","#BC8F8F"),
new FamColor("raw sienna","#C76114"),
new FamColor("raw umber","#734A12"),
new FamColor("sepia","#5E2612"),
new FamColor("sienna","#A0522D"),
new FamColor("saddle brown","#8B4513"),
new FamColor("sandy brown","#F4A460"),
new FamColor("tan","#D2B48C"),
new FamColor("van dyke brown","#5E2605"),
new FamColor("Oranges"),
new FamColor("cadmium orange","#FF6103"),
new FamColor("cadmium red light","#FF030D"),
new FamColor("carrot","#ED9121"),
new FamColor("dark orange","#FF8C00"),
new FamColor("mars orange","#964514"),
new FamColor("mars yellow","#E3701A"),
new FamColor("orange","#FF8000"),
new FamColor("orange red","#FF4500"),
new FamColor("yellow ochre","#E38217"),
new FamColor("Yellows"),
new FamColor("aureoline yellow","#FFA824"),
new FamColor("banana","#E3CF57"),
new FamColor("cadmium lemon","#FFE303"),
new FamColor("cadmium yellow","#FF9912"),
new FamColor("gold","#FFD700"),
new FamColor("goldenrod","#DAA520"),
new FamColor("goldenrod dark","#B8860B"),
new FamColor("goldenrod light","#FAFAD2"),
new FamColor("goldenrod pale","#EEE8AA"),
new FamColor("light goldenrod","#EEDD82"),
new FamColor("melon","#E3A869"),
new FamColor("naplesyellowdeep","#FFA812"),
new FamColor("yellow","#FFFF00",1),
new FamColor("yellow light","#FFFFE0"),
new FamColor("Greens"),
new FamColor("chartreuse","#7FFF00"),
new FamColor("chromeoxidegreen","#668014"),
new FamColor("cinnabar green","#61B329"),
new FamColor("cobalt green","#3D9140"),
new FamColor("emerald green","#00C957"),
new FamColor("forest green","#228B22"),
new FamColor("green","#008000",1),
new FamColor("green dark","#006400"),
new FamColor("green pale","#98FB98"),
new FamColor("green yellow","#ADFF2F"),
new FamColor("lawn green","#7CFC00"),
new FamColor("lime","#00FF00",1),
new FamColor("lime green","#32CD32"),
new FamColor("mint","#BDFCC9"),
new FamColor("olive","#808000",1),
new FamColor("olive drab","#6B8E23"),
new FamColor("olive green dark","#556B2F"),
new FamColor("permanent green","#0AC92B"),
new FamColor("sap green","#308014"),
new FamColor("sea green","#2E8B57"),
new FamColor("sea green dark","#8FBC8F"),
new FamColor("sea green medium","#3CB371"),
new FamColor("sea green light","#20B2AA"),
new FamColor("spring green","#00FF7F"),
new FamColor("spring green medium","#00FA9A"),
new FamColor("teal","#008080",1),
new FamColor("terre verte","#385E0F"),
new FamColor("viridian light","#6EFF70"),
new FamColor("yellow green","#9ACD32"),
new FamColor("Cyans"),
new FamColor("aqua","#00FFFF",1),
new FamColor("aquamarine","#7FFFD4"),
new FamColor("aquamarine medium","#66CDAA"),
new FamColor("cyan","#00FFFF"),
new FamColor("cyan white","#E0FFFF"),
new FamColor("turquoise","#40E0D0"),
new FamColor("turquoise dark","#00CED1"),
new FamColor("turquoise medium","#48D1CC"),
new FamColor("turquoise pale","#AFEEEE"),
new FamColor("Blues"),
new FamColor("alice blue","#F0F8FF"),
new FamColor("blue","#0000FF",1),
new FamColor("blue light","#ADD8E6"),
new FamColor("blue medium","#0000CD"),
new FamColor("cadet","#5F9EA0"),
new FamColor("cobalt","#3D59AB"),
new FamColor("cornflower","#6495ED"),
new FamColor("cerulean","#05B8CC"),
new FamColor("dodger blue","#1E90FF"),
new FamColor("indigo","#082E54"),
new FamColor("manganese blue","#03A89E"),
new FamColor("midnight blue","#191970"),
new FamColor("navy","#000080",1),
new FamColor("peacock","#33A1C9"),
new FamColor("powder blue","#B0E0E6"),
new FamColor("royal blue","#4169E1"),
new FamColor("slate blue","#6A5ACD"),
new FamColor("slate blue dark","#483D8B"),
new FamColor("slate blue light","#8470FF"),
new FamColor("slate blue medium","#7B68EE"),
new FamColor("sky blue","#87CEEB"),
new FamColor("sky blue deep","#00BFFF"),
new FamColor("sky blue light","#87CEFA"),
new FamColor("steel blue","#4682B4"),
new FamColor("steel blue light","#B0C4DE"),
new FamColor("turquoise blue","#00C78C"),
new FamColor("ultramarine","#120A8F"),
new FamColor("Magentas"),
new FamColor("blue violet","#8A2BE2"),
new FamColor("cobalt violetdeep","#91219E"),
new FamColor("fuchsia","#FF00FF",1),
new FamColor("magenta","#FF00FF"),
new FamColor("orchid","#DA70D6"),
new FamColor("orchid dark","#9932CC"),
new FamColor("orchid medium","#BA55D3"),
new FamColor("permanent violet","#DB2645"),
new FamColor("plum","#DDA0DD"),
new FamColor("purple","#800080"),
new FamColor("purple medium","#9370DB"),
new FamColor("ultramarine violet","#5C246E"),
new FamColor("violet","#8F5E99"),
new FamColor("violet dark","#9400D3"),
new FamColor("violet red","#D02090"),
new FamColor("violet red medium","#C71585"),
new FamColor("violet red pale","#DB7093")
);

function FamColor( name, HexVal, IsHTMLColor )
{
	this.length = 3;
	this.name = name;
	this.HexVal = HexVal;
	this.IsHTMLColor = IsHTMLColor;
}

function Replicate( str, n )
{
	var i_, res_ = "";
	for (i_=0; i_<n; i_++)
		res_ += str;
	return res_;			
}

function Hex2Other( hexCode, type )
{

var l = hexCode.length;	
if  (l==3)
   hexCode  = Replicate(hexCode.substr(0,1),2) + Replicate(hexCode.substr(1,1),2) + Replicate(hexCode.substr(2,1),2);
else if ( l < 6 ) 
   hexCode += Replicate("0",6-l);

var r=parseInt(hexCode.substr(0,2),16);
var g=parseInt(hexCode.substr(2,2),16);
var b=parseInt(hexCode.substr(4,2),16);

if ( isNaN(r) || isNaN(g) || isNaN(b) ) return "?";

if ( type==0 )
{
    //RGB
    return "("+r+","+g+","+b+")"; 	
};

if ( type==1 )
{
   //HSL
   var R = r/255; var G = g/255; var B = b/255;

with(Math)
   {
    var cMax,cMin,sum,diff,Rdelta,Gdelta,Bdelt,H,L,S;
    cMax=max(max(R,G),B);
    cMin=min(min(R,G),B);
    sum=cMax+cMin;
    diff=cMax-cMin;
    L=sum/2;	
    if(cMax==cMin)
    {
     S=0;H=0;
    }
    else
    {
     if ( L<=(1/2) )
 	S=diff/sum;
     else 
	S=diff/(2-sum);

Rdelta=R/6/diff;
     Gdelta=G/6/diff;
     Bdelta=B/6/diff;

if(R==cMax)
 	H=Gdelta-Bdelta;
     else if(G==cMax)
    	H=(1/3)+Bdelta-Rdelta;
     else H=(2/3)+Rdelta-Gdelta;

if(H<0)H+=1;
     if(H>1)H-=1;									
    }			
  };
	
  return "("+Math.round(H*360)+","+Math.round(S*100)+","+Math.round(L*100)+")";
};

if ( type==2 )
{
    //CMYK
    var k=255-Math.max(Math.max(r,g),b);
    var c=(255-k)-r;
    var m=(255-k)-g;
    var y=(255-k)-b;
    var c=Math.round((c*100)/255);
    var m=Math.round((m*100)/255);
    var y=Math.round((y*100)/255);
    var k=Math.round((k*100)/255);
    return "("+c+","+m+","+y+","+k+")";		
};

return "";

}
/////////

var SafeColors = new Array( 
new SafeColor("Black+White")
, new SafeColor("000000","K","Black")
, new SafeColor("333333","OG","Obscure Gray")
, new SafeColor("666666","DG","Dark Gray")
, new SafeColor("999999","LG","Light Gray")
, new SafeColor("CCCCCC","PG","Pale Gray")
, new SafeColor("FFFFFF","W","White")
, new SafeColor("Red")
, new SafeColor("330000","OWR","Obscure Weak Red")
, new SafeColor("660000","ODR","Obscure Dull Red")
, new SafeColor("990000","DFR","Dark Faded Red")
, new SafeColor("CC0000","DHR","Dark Hard Red")
, new SafeColor("FF0000","R","Red")
, new SafeColor("663333","DWR","Dark Weak Red")
, new SafeColor("993333","DDR","Dark Dull Red")
, new SafeColor("CC3333","MFR","Medium Faded Red")
, new SafeColor("FF3333","LHR","Light Hard Red")
, new SafeColor("996666","MWR","Medium Weak Red")
, new SafeColor("CC6666","LDR","Light Dull Red")
, new SafeColor("FF6666","LFR","Light Faded Red")
, new SafeColor("CC9999","LWR","Light Weak Red")
, new SafeColor("FF9999","PDR","Pale Dull Red")
, new SafeColor("FFCCCC","PWR","Pale Weak Red")
, new SafeColor("Orange")
, new SafeColor("663300","ODO","Obscure Dull Orange")
, new SafeColor("996633","DDO","Dark Dull Orange")
, new SafeColor("CC9966","LDO","Light Dull Orange")
, new SafeColor("FFCC99","PDO","Pale Dull Orange")
, new SafeColor("CC6600","DHO","Dark Hard Orange")
, new SafeColor("FF9933","LHO","Light Hard Orange")
, new SafeColor("Red+Orange+Yellow")
, new SafeColor("FF9900","OOY","Orange-Orange-Yellow")
, new SafeColor("FF6600","OOR","Orange-Orange-Red")
, new SafeColor("FFCC00","YYO","Yellow-Yellow-Orange")
, new SafeColor("FF3300","RRO","Red-Red-Orange")
, new SafeColor("CC9900","DYO","Dark Yellow-Orange")
, new SafeColor("CC3300","DRO","Dark Red-Orange")
, new SafeColor("FFCC33","LYO","Light Yellow-Orange")
, new SafeColor("FF6633","LRO","Light Red-Orange")
, new SafeColor("996600","DOY","Dark Orange-Yellow")
, new SafeColor("993300","DOR","Dark Orange-Red")
, new SafeColor("FFCC66","LOY","Light Orange-Yellow")
, new SafeColor("FF9966","LOR","Light Orange-Red")
, new SafeColor("CC9933","MOY","Medium Orange-Yellow")
, new SafeColor("CC6633","MOR","Medium Orange-Red")
, new SafeColor("Yellow")
, new SafeColor("333300","OWY","Obscure Weak Yellow")
, new SafeColor("666600","ODY","Obscure Dull Yellow")
, new SafeColor("999900","DFY","Dark Faded Yellow")
, new SafeColor("CCCC00","DHY","Dark Hard Yellow")
, new SafeColor("FFFF00","Y","Yellow")
, new SafeColor("666633","DWY","Dark Weak Yellow")
, new SafeColor("999933","DDY","Dark Dull Yellow")
, new SafeColor("CCCC33","MFY","Medium Faded Yellow")
, new SafeColor("FFFF33","LHY","Light Hard Yellow")
, new SafeColor("999966","MWY","Medium Weak Yellow")
, new SafeColor("CCCC66","LDY","Light Dull Yellow")
, new SafeColor("FFFF66","LFY","Light Faded Yellow")
, new SafeColor("CCCC99","LWY","Light Weak Yellow")
, new SafeColor("FFFF99","PDY","Pale Dull Yellow")
, new SafeColor("FFFFCC","PWY","Pale Weak Yellow")
, new SafeColor("Spring")
, new SafeColor("336600","ODS","Obscure Dull Spring")
, new SafeColor("669933","DDS","Dark Dull Spring")
, new SafeColor("99CC66","LDS","Light Dull Spring")
, new SafeColor("CCFF99","PDS","Pale Dull Spring")
, new SafeColor("66CC00","DHS","Dark Hard Spring")
, new SafeColor("99FF33","LHS","Light Hard Spring")
, new SafeColor("Yellow+Spring+Green")
, new SafeColor("66FF00","SSG","Spring-Spring-Green")
, new SafeColor("99FF00","SSY","Spring-Spring-Yellow")
, new SafeColor("33FF00","GGS","Green-Green-Spring")
, new SafeColor("CCFF00","YYS","Yellow-Yellow-Spring")
, new SafeColor("33CC00","DGS","Dark Green-Spring")
, new SafeColor("99CC00","DYS","Dark Yellow-Spring")
, new SafeColor("66FF33","LGS","Light Green-Spring")
, new SafeColor("CCFF33","LYS","Light Yellow-Spring")
, new SafeColor("339900","DSG","Dark Spring-Green")
, new SafeColor("669900","DSY","Dark Spring-Yellow")
, new SafeColor("99FF66","LSG","Light Spring-Green")
, new SafeColor("CCFF66","LSY","Light Spring-Yellow")
, new SafeColor("66CC33","MSG","Medium Spring-Green")
, new SafeColor("99CC33","MSY","Medium Spring-Yellow")
, new SafeColor("Green")
, new SafeColor("003300","OWG","Obscure Weak Green")
, new SafeColor("006600","ODG","Obscure Dull Green")
, new SafeColor("009900","DFG","Dark Faded Green")
, new SafeColor("00CC00","DHG","Dark Hard Green")
, new SafeColor("00FF00","G","Green")
, new SafeColor("336633","DWG","Dark Weak Green")
, new SafeColor("339933","DDG","Dark Dull Green")
, new SafeColor("33CC33","MFG","Medium Faded Green")
, new SafeColor("33FF33","LHG","Light Hard Green")
, new SafeColor("669966","MWG","Medium Weak Green")
, new SafeColor("66CC66","LDG","Light Dull Green")
, new SafeColor("66FF66","LFG","Light Faded Green")
, new SafeColor("99CC99","LWG","Light Weak Green")
, new SafeColor("99FF99","PDG","Pale Dull Green")
, new SafeColor("CCFFCC","PWG","Pale Weak Green")
, new SafeColor("Teal")
, new SafeColor("006633","ODT","Obscure Dull Teal")
, new SafeColor("339966","DDT","Dark Dull Teal")
, new SafeColor("66CC99","LDT","Light Dull Teal")
, new SafeColor("99FFCC","PDT","Pale Dull Teal")
, new SafeColor("00CC66","DHT","Dark Hard Teal")
, new SafeColor("33FF99","LHT","Light Hard Teal")
, new SafeColor("Green+Teal+Cyan")
, new SafeColor("00FF99","TTC","Teal-Teal-Cyan")
, new SafeColor("00FF66","TTG","Teal-Teal-Green")
, new SafeColor("00FFCC","CCT","Cyan-Cyan-Teal")
, new SafeColor("00FF33","GGT","Green-Green-Teal")
, new SafeColor("00CC99","DCT","Dark Cyan-Teal")
, new SafeColor("00CC33","DGT","Dark Green-Teal")
, new SafeColor("33FFCC","LCT","Light Cyan-Teal")
, new SafeColor("33FF66","LGT","Light Green-Teal")
, new SafeColor("009966","DTC","Dark Teal-Cyan")
, new SafeColor("009933","DTG","Dark Teal-Green")
, new SafeColor("66FFCC","LTC","Light Teal-Cyan")
, new SafeColor("66FF99","LTG","Light Teal-Green")
, new SafeColor("33CC99","MTC","Medium Teal-Cyan")
, new SafeColor("33CC66","MTG","Medium Teal-Green")
, new SafeColor("Cyan")
, new SafeColor("003333","OWC","Obscure Weak Cyan")
, new SafeColor("006666","ODC","Obscure Dull Cyan")
, new SafeColor("009999","DFC","Dark Faded Cyan")
, new SafeColor("00CCCC","DHC","Dark Hard Cyan")
, new SafeColor("00FFFF","C","Cyan")
, new SafeColor("336666","DWC","Dark Weak Cyan")
, new SafeColor("339999","DDC","Dark Dull Cyan")
, new SafeColor("33CCCC","MFC","Medium Faded Cyan")
, new SafeColor("33FFFF","LHC","Light Hard Cyan")
, new SafeColor("669999","MWC","Medium Weak Cyan")
, new SafeColor("66CCCC","LDC","Light Dull Cyan")
, new SafeColor("66FFFF","LFC","Light Faded Cyan")
, new SafeColor("99CCCC","LWC","Light Weak Cyan")
, new SafeColor("99FFFF","PDC","Pale Dull Cyan")
, new SafeColor("CCFFFF","PWC","Pale Weak Cyan")
, new SafeColor("Azure")
, new SafeColor("003366","ODA","Obscure Dull Azure")
, new SafeColor("336699","DDA","Dark Dull Azure")
, new SafeColor("6699CC","LDA","Light Dull Azure")
, new SafeColor("99CCFF","PDA","Pale Dull Azure")
, new SafeColor("0066CC","DHA","Dark Hard Azure")
, new SafeColor("3399FF","LHA","Light Hard Azure")
, new SafeColor("Cyan+Azure+Blue")
, new SafeColor("0066FF","AAB","Azure-Azure-Blue")
, new SafeColor("0099FF","AAC","Azure-Azure-Cyan")
, new SafeColor("0033FF","BBA","Blue-Blue-Azure")
, new SafeColor("00CCFF","CCA","Cyan-Cyan-Azure")
, new SafeColor("0033CC","DBA","Dark Blue-Azure")
, new SafeColor("0099CC","DCA","Dark Cyan-Azure")
, new SafeColor("3366FF","LBA","Light Blue-Azure")
, new SafeColor("33CCFF","LCA","Light Cyan-Azure")
, new SafeColor("003399","DAB","Dark Azure-Blue")
, new SafeColor("006699","DAC","Dark Azure-Cyan")
, new SafeColor("6699FF","LAB","Light Azure-Blue")
, new SafeColor("66CCFF","LAC","Light Azure-Cyan")
, new SafeColor("3366CC","MAB","Medium Azure-Blue")
, new SafeColor("3399CC","MAC","Medium Azure-Cyan")
, new SafeColor("Blue")
, new SafeColor("000033","OWB","Obscure Weak Blue")
, new SafeColor("000066","ODB","Obscure Dull Blue")
, new SafeColor("000099","DFB","Dark Faded Blue")
, new SafeColor("0000CC","DHB","Dark Hard Blue")
, new SafeColor("0000FF","B","Blue")
, new SafeColor("333366","DWB","Dark Weak Blue")
, new SafeColor("333399","DDB","Dark Dull Blue")
, new SafeColor("3333CC","MFB","Medium Faded Blue")
, new SafeColor("3333FF","LHB","Light Hard Blue")
, new SafeColor("666699","MWB","Medium Weak Blue")
, new SafeColor("6666CC","LDB","Light Dull Blue")
, new SafeColor("6666FF","LFB","Light Faded Blue")
, new SafeColor("9999CC","LWB","Light Weak Blue")
, new SafeColor("9999FF","PDB","Pale Dull Blue")
, new SafeColor("CCCCFF","PWB","Pale Weak Blue")
, new SafeColor("Violet")
, new SafeColor("330066","ODV","Obscure Dull Violet")
, new SafeColor("663399","DDV","Dark Dull Violet")
, new SafeColor("9966CC","LDV","Light Dull Violet")
, new SafeColor("CC99FF","PDV","Pale Dull Violet")
, new SafeColor("6600CC","DHV","Dark Hard Violet")
, new SafeColor("9933FF","LHV","Light Hard Violet")
, new SafeColor("Blue+Violet+Magenta")
, new SafeColor("9900FF","VVM","Violet-Violet-Magenta")
, new SafeColor("6600FF","VVB","Violet-Violet-Blue")
, new SafeColor("CC00FF","MMV","Magenta-Magenta-Violet")
, new SafeColor("3300FF","BBV","Blue-Blue-Violet")
, new SafeColor("9900CC","DMV","Dark Magenta-Violet")
, new SafeColor("3300CC","DBV","Dark Blue-Violet")
, new SafeColor("CC33FF","LMV","Light Magenta-Violet")
, new SafeColor("6633FF","LBV","Light Blue-Violet")
, new SafeColor("660099","DVM","Dark Violet-Magenta")
, new SafeColor("330099","DVB","Dark Violet-Blue")
, new SafeColor("CC66FF","LVM","Light Violet-Magenta")
, new SafeColor("9966FF","LVB","Light Violet-Blue")
, new SafeColor("9933CC","MVM","Medium Violet-Magenta")
, new SafeColor("6633CC","MVB","Medium Violet-Blue")
, new SafeColor("Magenta")
, new SafeColor("330033","OWM","Obscure Weak Magenta")
, new SafeColor("660066","ODM","Obscure Dull Magenta")
, new SafeColor("990099","DFM","Dark Faded Magenta")
, new SafeColor("CC00CC","DHM","Dark Hard Magenta")
, new SafeColor("FF00FF","M","Magenta")
, new SafeColor("663366","DWM","Dark Weak Magenta")
, new SafeColor("993399","DDM","Dark Dull Magenta")
, new SafeColor("CC33CC","MFM","Medium Faded Magenta")
, new SafeColor("FF33FF","LHM","Light Hard Magenta")
, new SafeColor("996699","MWM","Medium Weak Magenta")
, new SafeColor("CC66CC","LDM","Light Dull Magenta")
, new SafeColor("FF66FF","LFM","Light Faded Magenta")
, new SafeColor("CC99CC","LWM","Light Weak Magenta")
, new SafeColor("FF99FF","PDM","Pale Dull Magenta")
, new SafeColor("FFCCFF","PWM","Pale Weak Magenta")
, new SafeColor("Pink")
, new SafeColor("660033","ODP","Obscure Dull Pink")
, new SafeColor("993366","DDP","Dark Dull Pink")
, new SafeColor("CC6699","LDP","Light Dull Pink")
, new SafeColor("FF99CC","PDP","Pale Dull Pink")
, new SafeColor("CC0066","DHP","Dark Hard Pink")
, new SafeColor("FF3399","LHP","Light Hard Pink")
, new SafeColor("Magenta+Pink+Red")
, new SafeColor("FF0066","PPR","Pink-Pink-Red")
, new SafeColor("FF0099","PPM","Pink-Pink-Magenta")
, new SafeColor("FF0033","RRP","Red-Red-Pink")
, new SafeColor("FF00CC","MMP","Magenta-Magenta-Pink")
, new SafeColor("CC0033","DRP","Dark Red-Pink")
, new SafeColor("CC0099","DMP","Dark Magenta-Pink")
, new SafeColor("FF3366","LRP","Light Red-Pink")
, new SafeColor("FF33CC","LMP","Light Magenta-Pink")
, new SafeColor("990033","DPR","Dark Pink-Red")
, new SafeColor("990066","DPM","Dark Pink-Magenta")
, new SafeColor("FF6699","LPR","Light Pink-Red")
, new SafeColor("FF66CC","LPM","Light Pink-Magenta")
, new SafeColor("CC3366","MPR","Medium Pink-Red")
, new SafeColor("CC3399","MPM","Medium Pink-Magenta")
)

function SafeColor( HexVal, abbr, name  )
{
	this.length = 3;
	this.HexVal = HexVal;
	this.abbr = abbr;
	this.name = name;
}

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="4" class="tbl">
               <tr>
                   <th>Цвет</th>
                   <th>Наименование</th>                   
                   <th>Hex</th>    
                   <th>RGB</th>     
                   <th>HSL</th>     
                   <th>CMYK</th>    
               </tr>                        
               <script language="JavaScript">
               <!--                                                                                
               var ndiv = 0;
               for ( i in FamColors ) {                                          
                  with (document) {
                 
                write('<tr>');                
                name = FamColors[i].name.replace(" ","");

if (!FamColors[i].HexVal)
                     write('<td colspan="6" align="center"><strong>'+FamColors[i].name+'</strong></td>');      
                else {     
                      write('<td width="20%" style="background-color: '+FamColors[i].HexVal+';" > </td>');

if  (FamColors[i].IsHTMLColor) 
                    write('<td><strong>'+name+'</strong></td>');
                else
                    write('<td>'+name+'</td>');                                                
                
                write('<td align="center">'+FamColors[i].HexVal+'</td>');                             
                
                var hv = FamColors[i].HexVal.substr(1);               
                write('<td align="center">'+Hex2Other(hv,0)+'</td>');                            
                write('<td align="center">'+Hex2Other(hv,1)+'</td>');                             
                write('<td align="center">'+Hex2Other(hv,2)+'</td>');                            
                };
                write('</tr>');                            
                 }
               }    
               // -->                            
               </script>                        
               <noscript>
               <h2>Необходимо включить JavaScript</h2>
               </noscript>
               </table> <br>
<br>
<h1>Безопасные цвета html</h1>
              <p>Здесь представлена таблица безопасных цветов html (<em>web-safe 
                colors</em> или <em>Netscape colors</em>). Цветов всего 216 (куб 
                6x6x6), группировка осуществляется по базовым цветам. Безопасные 
                html цвета воспринимают все веб-браузеры, другое дело, что хороших 
                цветов не так много, и, к тому же, всегда хочется использовать 
                опасные цвета :).</p>
              <table width="100%" border="0" cellspacing="0" cellpadding="4" class="tbl">
               <tr>
                   <th>Цвет</th>         
                   <th>Код</th>
                   <th>Наименование</th>
                   <th>Hex</th>   
                   <th>RGB</th>      
                   <th>HSL</th>      
                   <th>CMYK</th>     
               </tr>                        
               <script language="JavaScript">
                                           
               </script>
               <noscript> 
               <h2>Необходимо включить JavaScript</h2>
               </noscript> 
               </table>  
<script>
<!-- Скрипт занесения текста в память при выделении
bBool=false
var copiedtext=""
var tempstore=""
function initiatecopy() {
bBool=true;
}
function copyit() {
if (bBool) {
tempstore=copiedtext
document.execCommand("Copy")
copiedtext=window.clipboardData.getData("Text");
if (tempstore!=copiedtext) {
alert(copiedtext);
}
bBool=false;
}}
document.onselectionchange = initiatecopy
document.onmouseup = copyit
window.defaultStatus="при выделении курсором - копирование в память"
</script>  
</body>
</html>