Web安全颜色库


<meta charset="utf-8">
<title>Web安全颜色库</title>
<body style="background-color:#343130; margin:0; margin:22px; width:883px; ">
<style type="text/css">
input{height:60px;width:60px; margin:1px; border:0px solid #000000;}
</style>
<div style="border:solid 9px #ff0000; display:none; margin:19px;">
  <input type="button" style="background-color:#660000" value="#660000">
  <input type="button" style="background-color:#660033" value="#660033">
  <input type="button" style="background-color:#663300" value="#663300">
  <input type="button" style="background-color:#990000" value="#990000">
  <input type="button" style="background-color:#990033" value="#990033">
  <input type="button" style="background-color:#993300" value="#993300">
  <input type="button" style="background-color:#993333" value="#993333">
  <input type="button" style="background-color:#990066" value="#990066">
  <input type="button" style="background-color:#CC3366" value="#CC3366">
  <input type="button" style="background-color:#CC0066" value="#CC0066">
  <input type="button" style="background-color:#CC0000" value="#CC0000">
  <input type="button" style="background-color:#CC0033" value="#CC0033">
  <input type="button" style="background-color:#CC3300" value="#CC3300">
  <input type="button" style="background-color:#CC3333" value="#CC3333">
  <input type="button" style="background-color:#FF0000" value="#FF0000">
  <input type="button" style="background-color:#FF3333" value="#FF3333">
  <input type="button" style="background-color:#FF0033" value="#FF0033">
  <input type="button" style="background-color:#FF0066" value="#FF0066">
  <input type="button" style="background-color:#FF3366" value="#FF3366">
  <input type="button" style="background-color:#FF3300" value="#FF3300">
  <input type="button" style="background-color:#FF6600" value="#FF6600">
  <input type="button" style="background-color:#FF6633" value="#FF6633">
  <input type="button" style="background-color:#FF6666" value="#FF6666">
  <input type="button" style="background-color:#CC6633" value="#CC6633">
  <input type="button" style="background-color:#CC6600" value="#CC6600">
  <input type="button" style="background-color:#999900" value="#999900">
  <input type="button" style="background-color:#999933" value="#999933">
  <input type="button" style="background-color:#666600" value="#666600">
  <input type="button" style="background-color:#666633" value="#666633">
  <input type="button" style="background-color:#006633" value="#006633">
  <input type="button" style="background-color:#336600" value="#336600">
  <input type="button" style="background-color:#336633" value="#336633">
  <input type="button" style="background-color:#006600" value="#006600">
  <input type="button" style="background-color:#339966" value="#339966">
  <input type="button" style="background-color:#009966" value="#009966">
  <input type="button" style="background-color:#009900" value="#009900">
  <input type="button" style="background-color:#339933" value="#339933">
  <input type="button" style="background-color:#339900" value="#339900">
  <input type="button" style="background-color:#669999" value="#669999">
  <input type="button" style="background-color:#669966" value="#669966">
  <input type="button" style="background-color:#669900" value="#669900">
  <input type="button" style="background-color:#669933" value="#669933">
  <input type="button" style="background-color:#009933" value="#009933">
  <input type="button" style="background-color:#66CC66" value="#66CC66">
  <input type="button" style="background-color:#33CC66" value="#33CC66">
  <input type="button" style="background-color:#33CC99" value="#33CC99">
  <input type="button" style="background-color:#66CC99" value="#66CC99">
  <input type="button" style="background-color:#00CC99" value="#00CC99">
  <input type="button" style="background-color:#00CC66" value="#00CC66">
  <input type="button" style="background-color:#66CC33" value="#66CC33">
  <input type="button" style="background-color:#66CC00" value="#66CC00">
  <input type="button" style="background-color:#00CC00" value="#00CC00">
  <input type="button" style="background-color:#00CC33" value="#00CC33">
  <input type="button" style="background-color:#33CC33" value="#33CC33">
  <input type="button" style="background-color:#33CC00" value="#33CC00">
  <input type="button" style="background-color:#33FF33" value="#33FF33">
  <input type="button" style="background-color:#99FF33" value="#99FF33">
  <input type="button" style="background-color:#66FF00" value="#66FF00">
  <input type="button" style="background-color:#66FF33" value="#66FF33">
  <input type="button" style="background-color:#00FF00" value="#00FF00">
  <input type="button" style="background-color:#33FF00" value="#33FF00">
  <input type="button" style="background-color:#66FF66" value="#66FF66">
  <input type="button" style="background-color:#33FF66" value="#33FF66">
  <input type="button" style="background-color:#00FF66" value="#00FF66">
  <input type="button" style="background-color:#00FF33" value="#00FF33">
  <input type="button" style="background-color:#99FF99" value="#99FF99">
  <input type="button" style="background-color:#00FF99" value="#00FF99">
  <input type="button" style="background-color:#00FFCC" value="#00FFCC">
  <input type="button" style="background-color:#66FF99" value="#66FF99">
  <input type="button" style="background-color:#99FFCC" value="#99FFCC">
  <input type="button" style="background-color:#66FFCC" value="#66FFCC">
  <input type="button" style="background-color:#33FFCC" value="#33FFCC">
  <input type="button" style="background-color:#33FF99" value="#33FF99">
  <input type="button" style="background-color:#CCFF66" value="#CCFF66">
  <input type="button" style="background-color:#CCFF33" value="#CCFF33">
  <input type="button" style="background-color:#CCFF00" value="#CCFF00">
  <input type="button" style="background-color:#99FF00" value="#99FF00">
  <input type="button" style="background-color:#99FF66" value="#99FF66">
  <input type="button" style="background-color:#FFFFCC" value="#FFFFCC">
  <input type="button" style="background-color:#FFFF99" value="#FFFF99">
  <input type="button" style="background-color:#FFFF66" value="#FFFF66">
  <input type="button" style="background-color:#FFFF33" value="#FFFF33">
  <input type="button" style="background-color:#FFFF00" value="#FFFF00">
  <input type="button" style="background-color:#CCFF99" value="#CCFF99">
  <input type="button" style="background-color:#CCFFCC" value="#CCFFCC">
  <input type="button" style="background-color:#99CC00" value="#99CC00">
  <input type="button" style="background-color:#99CC33" value="#99CC33">
  <input type="button" style="background-color:#99CC66" value="#99CC66">
  <input type="button" style="background-color:#99CC99" value="#99CC99">
  <input type="button" style="background-color:#999966" value="#999966">
  <input type="button" style="background-color:#CCCC00" value="#CCCC00">
  <input type="button" style="background-color:#CCCC33" value="#CCCC33">
  <input type="button" style="background-color:#CCCC66" value="#CCCC66">
  <input type="button" style="background-color:#CCCC99" value="#CCCC99">
  <input type="button" style="background-color:#FFCC99" value="#FFCC99">
  <input type="button" style="background-color:#FFCC00" value="#FFCC00">
  <input type="button" style="background-color:#FFCC33" value="#FFCC33">
  <input type="button" style="background-color:#FFCC66" value="#FFCC66">
  <input type="button" style="background-color:#CC9900" value="#CC9900">
  <input type="button" style="background-color:#CC9933" value="#CC9933">
  <input type="button" style="background-color:#CC9966" value="#CC9966">
  <input type="button" style="background-color:#996600" value="#996600">
  <input type="button" style="background-color:#996633" value="#996633">
  <input type="button" style="background-color:#996666" value="#996666">
  <input type="button" style="background-color:#CC6666" value="#CC6666">
  <input type="button" style="background-color:#FF9900" value="#FF9900">
  <input type="button" style="background-color:#FF9933" value="#FF9933">
  <input type="button" style="background-color:#FF9966" value="#FF9966">
  <input type="button" style="background-color:#FF6699" value="#FF6699">
  <input type="button" style="background-color:#FF0099" value="#FF0099">
  <input type="button" style="background-color:#FF3399" value="#FF3399">
  <input type="button" style="background-color:#FF33CC" value="#FF33CC">
  <input type="button" style="background-color:#FF00CC" value="#FF00CC">
  <input type="button" style="background-color:#FF99FF" value="#FF99FF">
  <input type="button" style="background-color:#FFCCFF" value="#FFCCFF">
  <input type="button" style="background-color:#FFCCCC" value="#FFCCCC">
  <input type="button" style="background-color:#FF9999" value="#FF9999">
  <input type="button" style="background-color:#CC6699" value="#CC6699">
  <input type="button" style="background-color:#FF99CC" value="#FF99CC">
  <input type="button" style="background-color:#FF66FF" value="#FF66FF">
  <input type="button" style="background-color:#FF00FF" value="#FF00FF">
  <input type="button" style="background-color:#FF33FF" value="#FF33FF">
  <input type="button" style="background-color:#FF66CC" value="#FF66CC">
  <input type="button" style="background-color:#CC0099" value="#CC0099">
  <input type="button" style="background-color:#CC3399" value="#CC3399">
  <input type="button" style="background-color:#993366" value="#993366">
  <input type="button" style="background-color:#663333" value="#663333">
  <input type="button" style="background-color:#660066" value="#660066">
  <input type="button" style="background-color:#663366" value="#663366">
  <input type="button" style="background-color:#993399" value="#993399">
  <input type="button" style="background-color:#990099" value="#990099">
  <input type="button" style="background-color:#663399" value="#663399">
  <input type="button" style="background-color:#660099" value="#660099">
  <input type="button" style="background-color:#9966CC" value="#9966CC">
  <input type="button" style="background-color:#CC99CC" value="#CC99CC">
  <input type="button" style="background-color:#CC00CC" value="#CC00CC">
  <input type="button" style="background-color:#CC33CC" value="#CC33CC">
  <input type="button" style="background-color:#CC66CC" value="#CC66CC">
  <input type="button" style="background-color:#CC66FF" value="#CC66FF">
  <input type="button" style="background-color:#CC33FF" value="#CC33FF">
  <input type="button" style="background-color:#CC00FF" value="#CC00FF">
  <input type="button" style="background-color:#9933CC" value="#9933CC">
  <input type="button" style="background-color:#9900CC" value="#9900CC">
  <input type="button" style="background-color:#CC99FF" value="#CC99FF">
  <input type="button" style="background-color:#9999FF" value="#9999FF">
  <input type="button" style="background-color:#9966FF" value="#9966FF">
  <input type="button" style="background-color:#9933FF" value="#9933FF">
  <input type="button" style="background-color:#9900FF" value="#9900FF">
  <input type="button" style="background-color:#6666FF" value="#6666FF">
  <input type="button" style="background-color:#6600CC" value="#6600CC">
  <input type="button" style="background-color:#6666CC" value="#6666CC">
  <input type="button" style="background-color:#666699" value="#666699">
  <input type="button" style="background-color:#006666" value="#006666">
  <input type="button" style="background-color:#336666" value="#336666">
  <input type="button" style="background-color:#339999" value="#339999">
  <input type="button" style="background-color:#009999" value="#009999">
  <input type="button" style="background-color:#0099CC" value="#0099CC">
  <input type="button" style="background-color:#3399CC" value="#3399CC">
  <input type="button" style="background-color:#66CCCC" value="#66CCCC">
  <input type="button" style="background-color:#33CCCC" value="#33CCCC">
  <input type="button" style="background-color:#00CCCC" value="#00CCCC">
  <input type="button" style="background-color:#33FFFF" value="#33FFFF">
<input type="button" style="background-color:#00FFFF" value="#00FFFF">
  <input type="button" style="background-color:#66FFFF" value="#66FFFF">
  <input type="button" style="background-color:#99FFFF" value="#99FFFF">
  <input type="button" style="background-color:#CCCCFF" value="#CCCCFF">
  <input type="button" style="background-color:#9999CC" value="#9999CC">
  <input type="button" style="background-color:#99CCFF" value="#99CCFF">
  <input type="button" style="background-color:#66CCFF" value="#66CCFF">
  <input type="button" style="background-color:#33CCFF" value="#33CCFF">
  <input type="button" style="background-color:#00CCFF" value="#00CCFF">
  <input type="button" style="background-color:#6699FF" value="#6699FF">
  <input type="button" style="background-color:#6633FF" value="#6633FF">
  <input type="button" style="background-color:#6600FF" value="#6600FF">
  <input type="button" style="background-color:#3366CC" value="#3366CC">
  <input type="button" style="background-color:#0066CC" value="#0066CC">
  <input type="button" style="background-color:#0099FF" value="#0099FF">
  <input type="button" style="background-color:#3399FF" value="#3399FF">
  <input type="button" style="background-color:#6699CC" value="#6699CC">
  <input type="button" style="background-color:#006699" value="#006699">
  <input type="button" style="background-color:#336699" value="#336699">
  <input type="button" style="background-color:#3366FF" value="#3366FF">
  <input type="button" style="background-color:#0066FF" value="#0066FF">
  <input type="button" style="background-color:#0033FF" value="#0033FF">
  <input type="button" style="background-color:#3300FF" value="#3300FF">
  <input type="button" style="background-color:#3333FF" value="#3333FF">
  <input type="button" style="background-color:#0000FF" value="#0000FF">
  <input type="button" style="background-color:#0000CC" value="#0000CC">
  <input type="button" style="background-color:#3300CC" value="#3300CC">
  <input type="button" style="background-color:#0033CC" value="#0033CC">
  <input type="button" style="background-color:#3333CC" value="#3333CC">
  <input type="button" style="background-color:#6633CC" value="#6633CC">
  <input type="button" style="background-color:#333399" value="#333399">
  <input type="button" style="background-color:#333366" value="#333366">
  <input type="button" style="background-color:#003399" value="#003399">
  <input type="button" style="background-color:#330099" value="#330099">
  <input type="button" style="background-color:#000099" value="#000099">
  <input type="button" style="background-color:#000066" value="#000066">
  <input type="button" style="background-color:#330066" value="#330066">
  <input type="button" style="background-color:#003366" value="#003366">
  <input type="button" style="background-color:#003333" value="#003333">
  <input type="button" style="background-color:#333300" value="#333300">
  <input type="button" style="background-color:#003300" value="#003300">
  <input type="button" style="background-color:#330033" value="#330033">
  <input type="button" style="background-color:#330000" value="#330000">
  <input type="button" style="background-color:#000000" value="#000000">
  <input type="button" style="background-color:#000033" value="#000033">
  <input type="button" style="background-color:#333333" value="#333333">
  <input type="button" style="background-color:#666666" value="#666666">
  <input type="button" style="background-color:#996699" value="#996699">
  <input type="button" style="background-color:#999999" value="#999999">
  <input type="button" style="background-color:#CC9999" value="#CC9999">
  <input type="button" style="background-color:#CCCCCC" value="#CCCCCC">
  <input type="button" style="background-color:#99CCCC" value="#99CCCC">
  <input type="button" style="background-color:#CCFFFF" value="#CCFFFF">
  <input type="button" style="background-color:#FFFFFF" value="#FFFFFF">
</div>

<div style="">
<script type="text/javascript">  
var tabx=document.getElementsByTagName("input");
var color;
var str='';
var u=1;
for (var i=0; i<tabx.length; i++) {  
    //tabx[i].value='||';
    color=tabx[i].value; 
    str+='<input type="button" style="background-color:'+color+'" value=""/>'; 
    u++;
}
document.write(str);


</script>
</div>
</body>

程序运行结果如下,点击这里亲自运行看看