IntTupleToRgbHex

Transform 3 rgb int values 0-255 to rgb hex value

by ledlogic

HTML

<input type="text" class="red" value="255">
<input type="text" class="green" value="255">
<input type="text" class="blue" value="255">
<input type="text" class="rgb" value="" style="border: 1px solid #000;">
<input type="text" class="rgbex" value="" style="border: 1px solid #000;">

JavaScript

function update() {
    var red = parseInt($(".red").val(), 10);
    var green = parseInt($(".green").val());
    var blue = parseInt($(".blue").val());
    red = red || 0;
    green = green || 0;
    blue = blue || 0;
    var rgb = RGB2HTML(red, green, blue);
    $(".rgb").val(rgb)
    $(".rgbex").css("background", rgb);
}

function hex(num) {
    var ret = num.toString(16);
    if (ret.length < 2) {
        ret = "0" + ret;
    }
    return ret;
}

function RGB2HTML(red, green, blue) {
    return '#' + hex(red) + hex(green) + hex(blue);
}

$(function () {
    $('.red, .green, .blue').keyup(update);
    update();
});