JavaScriptのコンソールログのCSSを後半にだけ適用したい

Question

コンソールログへのCSSで以下としています。

const hex = '#4538ff';
const style = 'background-color:'+hex+';';
console.log('%chex =', style, hex);

これによってhex = #4538ffとコンソールに出てCSSが効くのですが、次の目的へと変更させる記述はございますか？

現状
hexにCSSが効いている。

目的
#4538ffにCSSを利かせたい。

Answer 1

#4538ff にCSSを利かせたい。

#4538ff にのみ効かせたいのであれば、以下で実現できるかと思います。

const hex = '#4538ff';
const style = 'background-color:'+hex+';';
console.log(`hex = %c${hex}`, style);

Comments

[curryrice]

すごい効きました！%cの意味がわかりました。ありがとうとざいます。