소스 코드
코드를 붙여넣거나 UTF-8 파일을 열고 언어별 예제를 불러오세요.
Syntax Highlighter / 기능
읽기 쉬운 코드 예제를 만드세요.
코드를 붙여넣거나 파일을 불러온 뒤 언어와 테마를 선택하세요. 수정 내용을 바로 확인하고 줄 효과를 조정한 다음 브라우저에서 HTML이나 PNG로 내보낼 수 있습니다.
소스 코드 입력부터 파일 다운로드까지 한곳에서 준비하세요.
언어 및 테마
언어, 별칭, 테마를 검색하고 밝은 테마와 어두운 테마로 필터링하세요.
줄 효과
강조, 포커스, 추가 줄, 삭제 줄의 범위와 색상, 불투명도를 각각 설정하세요.
미리보기 및 설정
변경 사항을 즉시 확인하고 출력에 적용되는 JSON 설정을 살펴보세요.
HTML 출력
인라인 스타일, 별도 CSS 파일 또는 Tailwind CSS 형식으로 HTML을 복사하거나 다운로드하세요.
이미지 및 표시 설정
PNG로 저장하고 줄 번호를 설정하거나 구간을 접고 URL을 링크로 바꾸세요.
브라우저에서 전체 과정을 직접 사용해 보세요.
데모를 불러와 줄 강조, 포커스, 추가·삭제 줄, 접기, 줄 번호를 확인하세요. 미리보기와 다운로드 파일에는 같은 설정이 적용됩니다.
온라인 코드 강조 도구