ConsoleFlair

Styled console output using HTML instead of % syntax.

Use SPAN elements with style attributes in console.log messages, such as:

styledConsoleLog(
'<span style="color:hsl(0, 100%, 90%);background-color:hsl(0, 100%, 50%);"> Red </span>' + 
'<span style="color:hsl(39, 100%, 85%);background-color:hsl(39, 100%, 50%);"> Orange </span>' + 
'<span style="color:hsl(60, 100%, 35%);background-color:hsl(60, 100%, 50%);"> Yellow </span>' + 
'<span style="color:hsl(120, 100%, 60%);background-color:hsl(120, 100%, 25%);"> Green </span>' + 
'<span style="color:hsl(240, 100%, 90%);background-color:hsl(240, 100%, 50%);"> Blue </span>' + 
'<span style="color:hsl(300, 100%, 85%);background-color:hsl(300, 100%, 25%);"> Purple </span>' + 
'<span style="color:hsl(0, 0%, 80%);background-color:hsl(0, 0%, 0%);"> Black </span>'
);

To get something like:

Tested in Chrome 26.