Vérifiez curseur dans JQuery UI http://jqueryui.com/demos/slider/ (vous pouvez modifier le code de widget pour ajouter des numéros de multiplication de marqueurs, changer de style, et attacher cliquez gestionnaire sur l'élément coulissant pour ouvrir le sélecteur de couleur), CSS3 dégradé http://css-tricks.com/examples/CSS3Gradient/ (vous pouvez manipuler des gradients CSS3 avec jquery), plugin sélecteur de couleur http://www.eyecon.ro/colorpicker/ ou sélecteur de couleur Farbtastic - http://acko.net/dev/farbtastic
Si vous ne souhaitez pas utiliser des widgets JQuery UI - et faire à partir de zéro - vous pouvez créer <div> avec avec position: relative; et à l'intérieur <span> avec position: absolue; puis dans javascrtip/jquery ajouter en direct événement mousedown/mouseup/mousemove pour gérer le déplacement lorsque l'utilisateur fait glisser le marqueur, et ajouter un événement click pour ouvrir le sélecteur de couleur. Pour gérer l'ajout de nouveaux marqueurs, vous devez ajouter un événement click à div juste ajouter une nouvelle span, vous avez également besoin d'une fonction qui interpole les gradients de la position dans div, donc lorsque l'utilisateur clique au centre du dégradé noir à blanc, ajouter un marqueur gris (mais vous pouvez également ajouter la couleur par défaut pour le marqueur ou copier la couleur du marqueur à gauche ou à droite);
Et vous pouvez l'emballer à l'intérieur du plugin et le mettre sur le web.