Ce test fonctionne principalement sous Firefox et je m'aperçois d'ailleurs que mon logo a un petit problème de transparence !

Et vous, quelle est votre couleur préférée ?

Si le code vous interesse, le voici :

<div style="width:200px; margin:auto">
<div id="track0" style="width:200px;background-color:#aaa;height:10px; margin-bottom:10px;">
<div id="handle0" style="width:5px;height:10px;background-color:#F00;"> </div>
</div>
<div id="track1" style="width:200px;background-color:#aaa;height:10px; margin-bottom:10px">
<div id="handle1" style="width:5px;height:10px;background-color:#0F0;"> </div>
</div>
<div id="track2" style="width:200px;background-color:#aaa;height:10px; margin-bottom:10px">
<div id="handle2" style="width:5px;height:10px;background-color:#00F;"> </div>
</div>
</div>
 
 
<div style="width:200px; margin:auto; text-align:center">
R:<span id="debug0"> </span>;
V:<span id="debug1"> </span>;
B:<span id="debug2"> </span>
</div>

<script type="text/javascript" src="/lib/prototype.js"></script> 
<script type="text/javascript" src="/src/scriptaculous.js"></script>
  
  <script type="text/javascript">
      var RGBdf = new Array(238, 238, 238);
      $('debug0').innerHTML=RGBdf[0];
      $('debug1').innerHTML=RGBdf[1];
      $('debug2').innerHTML=RGBdf[2];
      // <![CDATA[
      new Control.Slider('handle0','track0',{
      range:$R(0,255),
      sliderValue:RGBdf[0],
      onChange:function(v){
      RGBdf[0] = Math.round(v);
      document.getElementsByTagName('body')[0].style.backgroundColor = "rgb("+RGBdf[0]+", "+RGBdf[1]+", "+RGBdf[2]+")";
      $('debug0').innerHTML=RGBdf[0];
      }});
      new Control.Slider('handle1','track1',{
      range:$R(0,255),
      sliderValue:RGBdf[1],
      onChange:function(v){
      RGBdf[1] = Math.round(v);
      document.getElementsByTagName('body')[0].style.backgroundColor = "rgb("+RGBdf[0]+", "+RGBdf[1]+", "+RGBdf[2]+")";
      $('debug1').innerHTML=RGBdf[1];
      }});
      new Control.Slider('handle2','track2',{
      range:$R(0,255),
      sliderValue:RGBdf[2],
      onChange:function(v){
      RGBdf[2] = Math.round(v);
      document.getElementsByTagName('body')[0].style.backgroundColor = "rgb("+RGBdf[0]+", "+RGBdf[1]+", "+RGBdf[2]+")";
      $('debug2').innerHTML=RGBdf[2];
      }});
      // ]]>
  </script>