function changeColors() {

    //get the numbers from the html

    var rd = parseInt(document.getElementById("red").value);

    var gr = parseInt(document.getElementById("green").value);

    var bl = parseInt(document.getElementById("blue").value);

    var op = parseFloat(document.getElementById("opacity").value);

​

    //convert the decimal into hexadecimal

​

    var rdhex = (rd < 16) ? "0" + rd.toString(16) : rd.toString(16);

    var grhex = (gr < 16) ? "0" + gr.toString(16) : gr.toString(16);

    var blhex = (bl < 16) ? "0" + bl.toString(16) : bl.toString(16);

​

    //concatenate all hex to generate a color

    var hexcode = "#" + rdhex + grhex + blhex;

​

    //set the background of the div

    setColor(hexcode, op);

}

​

function setColor(hexcode, opacity) {

    //view the change in the browser

    document.getElementById("div").style.backgroundColor = hexcode;

    document.getElementById("colordisplay").innerHTML = hexcode;

    //change opacity

    document.getElementById("div").style.opacity = opacity;

}

​

var colors = [];

​

function Save() {

    var name = document.getElementById("name").value;

    var rgb = document.getElementById("colordisplay").innerHTML;

    var opacity = document.getElementById("div").style.opacity;

    colors.push({

        name_prop:name,

        rgb_prop:rgb,

        opacity_prop:opacity

    });

​

    //pass the object to the drop down list

    var select = document.getElementById("selectColor");

    var opt = name;

    var el = document.createElement("option");

    el.innerHTML = opt;

    el.value = opt;

    select.appendChild(el);

    console.log(colors);

}

​

function Place() {

    var select = document.getElementById("selectColor");

    colors.forEach(function(colorObject) {

        if (colorObject.name_prop == select.value) {

            setColor(colorObject.rgb_prop, colorObject.opacity_prop);

        }

    });

}

function Remove () {

    var select = document.getElementById("selectColor");

    for(var i = 0; i < colors.length; i --) {

            var selectIndex = colors.indexOf(select.value);

            if(selectIndex !== -1){

            colors.splice(i, 1);

        }

        return false;

     }

}