color input with transparency

Question

Is it possible to select transparent colors using built in

<input type="color">

I haven't found a slider that does that. Is there some option additional I need to check?

Answer 1

AFAIK there's no option for transparent color picking using <input type="color">, but what you could do is have another input for the alpha, and set the opacity of the color input like this:

function updateColorAlpha (alpha) {
    document.getElementById('color').style.opacity = alpha;
}

<input type="color" id="color">
<input type="range" id="alpha" onchange="updateColorAlpha(this.value);" min="0" max="1" step="0.1" value="1">