<
            <html>
              <head>
                <script type="text/javascript" 
                        src="colorpicker.js"></script>
                <style type="text/css">
                  #picker { width: 200px; height: 200px }
                  #slide { width: 30px; height: 200px }
                </style>
              </head>
              <body>
                <div id="picker"></div>
                <div id="slide"></div>
                <script type="text/javascript">
                  ColorPicker(
                    document.getElementById('slide'),
                    document.getElementById('picker'),
                    function(hex, hsv, rgb) {
                      document.body.style.backgroundColor = hex;
                    });
                </script>
              </body>
            </html>
            
FF 3.5+
Chrome 4+
IE 7
IE 8
IE 9
Safari 4+
Opera 9+
Opera Mobile 11
Opera Mini (partially)
Safari iOS

Редакция: ana4220