<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>