<link rel="stylesheet" href="/css/ui.colorpicker.css"/>  
  <style type="text/css">  
  #bg fieldset { border-width: 1px; width: 460px; }  
  #bg .fields { padding: 25px; margin-bottom: 20px; }  
  #bg div { clear: both; }  
  #bg label { float: left; width: 85px; }  
  #bg input { float: left; width: 190px; }  
  .ui-colorpicker input { float: none; width: auto; height: auto; }  
  #bg .submit { margin-top: 40px; text-align: center; }  
  </style>  
   
  <script language="JavaScript" src="/js/jq.js"></script>  
  <script language="JavaScript" src="/js/jq.color.js"></script>  
  <script language="JavaScript">  
   
  $(document).ready(function() {  
   
  var hideit = function(e, ui) { $(this).val('#'+ui.hex); $('.ui-colorpicker').css('display', 'none'); };  
  $('#bg #colorpicker').colorpicker({ hide: hideit, submit: hideit });  
   
  $('#dochange').click(function() {  
   
  $('body').css('background-color', $('#colorpicker').val());  
   
  return false;  
  });  
   
  });  
   
  </script>

<form id="bg" action="">  
   
  <fieldset>  
  <legend>Цвет фона</legend>  
   
  <div class="fields">  
   
  <div><label for="colorpicker">Цвет:</label> <input type="text" id="colorpicker" name="colorpicker"/></div>  
   
  <div class="submit">  
  <button id="dochange">  
  Сменить фон  
  </button>  
  </div>  
  </div>  
   
  </fieldset>  
  <br/><br/><br/><br/><br/><br/><br/>  
  </form>