Quick way to generate a solid color data uri (say, for a favicon)

fave.js

// modified version of https://github.com/CMTegner/favicolor

var size = 1;
var canvas = document.createElement('canvas');
if (typeof canvas.getContext === 'function') {
    var ctx = canvas.getContext('2d');
    canvas.width = size;
    canvas.height = size;
}

var fave = function(red, green, blue) {
    if (!ctx) { return false; }
    if (typeof red === 'string') {
        ctx.fillStyle = red;
    } else {
        if (Array.isArray(red)) {
            blue = red[2];
            green = red[1];
            red = red[0];
        }
        ctx.fillStyle = 'rgb(' + red + ',' + green + ',' + blue + ')';
    }
    ctx.fillRect(0, 0, size, size);
    return canvas.toDataURL();
};