<center>
<h2><span style="color: #00bfff"><span style="font-size: 14pt">Подбор RGB цвета</span></span></h2>
<style type="text/css"><!--
.slidebox{
  font-family:Verdana,Arial,Tahoma,sans-serif;
  font-size: 100.01%;
  color:#333;
  line-height:1.3;
  width:377px;
  background:#CCC;  
  pading:3px;  
  margin:5px;  
  clear:both;
  border:solid 1px #F5F5F5;  
  border-right:solid 1px #CCC;  
  border-bottom:0;
}
.sliderow{
  width:290px;  
  height:16px;  
  border:solid 1px #CCC;  
  background:#CCC;  
  padding:0 0 0 0;
  margin:0 0 1px 3px;  
  float:left;  
}
.slide{
  float:left;
  display:block;  
  width:3px;  
  height:15px;  
  border:solid 0px #CCC;  
  text-decoration:none;
  font-size:7pt;
  overflow:hidden;
}
.slide:hover{
  background-color:yellow !important;
}
.index{
  float:left;  
  width:16px;  
  // width:18px;  
  color:#333;  
  font-size:7pt;  
  border:solid 1px #F5F5F5;  
  border-left:solid 1px #CCC;  
  border-bottom:0;
}
.indexrow{
  width:293px;  
  background:#CCC;  
  padding:1px;  
  float:left;
  margin:1px 1px 1px 3px;  
}
.colorbox{
  width:75px;  
  height:80px;  
  border:solid 1px #CCC;  
  border-right:solid 1px #F5F5F5;  
  float:left;  
  text-align:center;  
  background:#FFF;
}
.colorfld{
  width:100%;  
  border:solid 0px #CCC;  
  float:left;  
  text-align:center;  
  background:#CCC;
  font-size:8pt;
}

//--></style>

<script type="text/javascript" src="http://bestpage.ucoz.com/Web/slide.js"></script>

<div class="slidebox">
  <div id="theval" class="colorbox"><input type="text" name="thevalfld" id="thevalfld" value="#FFFFFF" class="colorfld" maxlength="7"></div>
<div class="indexrow">
  <span class="index">0</span>
  <span class="index">1</span>
  <span class="index">2</span>
  <span class="index">3</span>
  <span class="index">4</span>
  <span class="index">5</span>
  <span class="index">6</span>
  <span class="index">7</span>
  <span class="index">8</span>
  <span class="index">9</span>
  <span class="index">A</span>
  <span class="index">B</span>
  <span class="index">C</span>
  <span class="index">D</span>
  <span class="index">E</span>
  <span class="index">F</span>
</div>

<div id="colorsList"></div>
<br style="clear:both;">
</div>

<script type="text/javascript">//<![CDATA[
var cList = document.getElementById('colorsList');
var bg;
rgbSet = new Array('r', 'g', 'b');
for (rgb=0; rgb<rgbSet.length; rgb++){
  var cRow = document.createElement('div');
  cRow.className = 'sliderow';
  for (col1=0; col1<=15; col1++){
  for (col2=0; col2<=15; col2+=3){

  color1 = rgbSet[rgb]+dec2Hex(col1);
  color2 = rgbSet[rgb]+dec2Hex(col2);
  color = color1.substring(2,3)+color2.substring(2,3);
  switch(rgb){
  case 0 :
  bg = '#'+color+'0000';
  break;
  case 1 :
  bg = '#00'+color+'00';
  break;
  case 2 :
  bg = '#0000'+color;
  break;
  }

  var links = document.createElement('a');
  links.href = '#';
  links.className = 'slide';
  links.id = rgbSet[rgb]+color;
  links.style.backgroundColor = bg;
  links.onclick = aClick;
  links.onmouseover = aMouseOver;
  links.onmouseout = aMouseOut;
  links.appendChild(document.createTextNode(' '));
  cRow.appendChild(links);
  }
  }
cList.appendChild(cRow);
}

//]]></script>