Colors in JavaScript console

Can Chrome’s built-in JavaScript console display colors?

I want errors in red, warnings in orange and console.log‘s in green. Is that possible?

29 s
29

In Chrome & Firefox (+31) you can add CSS in console.log messages:

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');

Console color example in Chrome

The same can be applied for adding multiple CSS to same command.
syntax for multi coloring chrome console messages

References

  • MDN: Styling console output
  • Chrome: Console API Reference

Leave a Comment