Duda con ColorPicker

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