Missing alpha channel

[aiphee]

This color picker seems great, except missing option for transparency, would be possible to add a transparency slider?

[NC22]

Ok, so new release here

https://github.com/NC22/HTML5-Color-Picker/releases
see example with enabled slider
test_resize_onchange_event.html

some new enter methods, etc. later will add to wiki

new constructor parameters

alpha - base value for alpha (float value from 0 to 1) default 1
alpha_slider - enable alpha slider (boolean) default false

new events

mouseupalpha
mousemovealpha

new functions

getCurColorRgba - Return array {r : var, g : var, b : var, a : var}
getCurAlpha - Return float alpha value
setAlpha(newAlpha)

[aiphee]

Wow, that was fast 👍 Thank you, job well done :)

[aiphee]

Ok, just tried in my project and works great. I just changed updateInput method to change input value accordingly if alpha < 1

function updateInput(){
        if (!input) return;

        if(a < 1) {
            input.value = 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + a.toFixed(2) + ')';
        }  else {
            input.value = hex;
        }

        if (inputColor) {
            if(hsv.v < 0.5){
                input.style.color = "#FFF";
            } else {
                input.style.color = "#000";
            }

            input.style.background = 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + a + ')';
        }
    }

[aiphee]

I forked it, not sure if to make pull request since you had many useless space characters which my editor erased.

[NC22]

I'll look that, thanks.

[NC22]

https://github.com/NC22/HTML5-Color-Picker/blob/master/html5kellycolorpicker.js#L806

Your corrections in behavior added. And also added event 'updateinput' for overload private updateInput function if some other behavior is needed.
And yep, I forgot about this useless trailing whitespaces so have to erased them now too.