Spectrum colorpicker获得透明度的颜色

时间:2013-03-12 16:27:12

标签: jquery html css color-picker

我使用jQuery插件Spectrum作为颜色选择器:

$('#backgroundColorPicker').spectrum({
    color: '#000',
    showAlpha: true,
    move: function(color){
        $('#result').css('background-color',color.toHexString());
    }
});

在此处查看此代码:http://jsfiddle.net/UkmXM/1/

如您所见,我将showAlpha设置为true以启用透明背景。但是,我没有透明的背景。

2 个答案:

答案 0 :(得分:15)

十六进制字符串不支持透明度。请改为使用color.toRgbString()http://jsfiddle.net/UkmXM/2/

$('#backgroundColorPicker').spectrum({
    color: '#000',
    showAlpha: true,
    move: function(color){
        $('#result').css('background-color',color.toRgbString());
    }
});

答案 1 :(得分:0)

我在the TinyColor docs中找到了它:toHex8String