Duda con ColorPicker

[hermess87]

Hola amigos, espero puedan sacarme una duda que estoy teniendo, resulta ser que necesito utilizar un ColoPicker, y gracias a este su ayuda en un tema anterior me decidi por usar este ( http://www.eyecon.ro/colorpicker/#about ), el problema es que yo necesito que se vea solo el cuadradito con el color y al hacer click me abra la herramienta para cambiar el mismo.

Es decir que solo usare esta parte del codigo

Código:

 <p>Custom skin and using flat mode to display the color picker in a custom widget.</p>
				<div id="customWidget">
					<div id="colorSelector2"><div style="background-color: #00ff00"></div></div>
	                <div id="colorpickerHolder2">
	                </div>
				</div>

Pero la verdad no entiendo como poner el valor que me otorga como resultado en un input oculto, alguien sabe como debe hacerse esto?

Si me explique mal o tienen alguna duda solo pregunten que respondo al instante.

Desde ya les agradezco y espero que puedan ayudarme asi podre continuar adelante con mi trabajo. Suerte!

[walterdevel]

Te cuento, que hace poco lo ultilicé en un proyecto y no funcionaba correctamente. Lo que hice fué esto:

Código HTML:

<div id="colorSelector"><div style="background-color: #ffffff"></div></div>
 

Código Javascript:

$('#colorSelector').ColorPicker({
            color: '#ffffff',
            onShow: function (colpkr) {
                $(colpkr).fadeIn(500);
                return false;
            },
            onHide: function (colpkr) {
                $(colpkr).fadeOut(500);
                return false;
            }
        });  
 
        function rgb2hex(rgb) {
            rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
            function hex(x) {
                return ("0" + parseInt(x).toString(16)).slice(-2);
            }
            return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
        }
 

y para obtener el color en hex:

Código Javascript:

var colorhex = rgb2hex($('#colorSelector div').css('background-color'));
 

Espero te sirva, saludos!

[hermess87]

Gracias walterdevel por tu ayuda, voy a probar tu método a ver como me funciona y te cuento como me va!! Ya habia encontrado otra manera, pero me funciona mal al poner varios colorPicker en la misma pagina, y es necesario usar mas de 5....

Suerte!