console.log with color code example

Example 1: js console log with color

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

Example 2: css customize console.log

// Rainbow Giant Styled Text
const style = 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)';

console.log('%c Rainbowww!', style);

Example 3: console.log with color font

console.log("%cThis is a %cConsole.log", "background:black ; color: white", "color: red; font-size:25px");

Example 4: js console.log color

console.log('%c My txt ', 'My css');

// Example
console.log('%c Hello world ', 'background: #222; color: #bada55');