Console Styler

브라우저 콘솔 메시지에 CSS 스타일을 적용하여 눈에 띄는 로그를 만들어보세요

템플릿 선택

커스터마이즈

메시지

CSS 스타일

미리보기

>Operation completed successfully!

실제 브라우저 콘솔에서의 출력과 다를 수 있습니다

생성된 코드

한 줄 코드

1console.log('%cOperation completed successfully!', 'color: #10b981; font-weight: bold; font-size: 14px;');

여러 줄 코드

1const message = 'Operation completed successfully!';
2const style = 'color: #10b981; font-weight: bold; font-size: 14px;';
3
4console.log('%c' + message, style);