코드 진행 실험실

코드 진행 실험실

서양 12평균율의 교육용 3화음입니다. 자연단조의 7음을 올리지 않고 계산 음 이름은 피치클래스 약식 표기입니다. 듣기 전 기기 음량을 낮추세요.

1. 조성 정하기

모든 화음은 하나의 장조·자연단조 음계에서 나옵니다. A4=440Hz입니다. 예제는 편집 가능하며 자동으로 재생하지 않습니다.

음계 피치클래스: C · D · E · F · G · A · B

2. 코드 진행 편집

2~8개 음계 도수 화음을 선택하세요. 세 비교 버튼은 근음·1전위·2전위와 실제 성부 배치, 앞서 선택한 화음에서 이동한 반음 합계를 보여줍니다. 편집하면 이전 WAV는 지워집니다.

화음 1 · I C

I · C · C4–E4–G4

3화음 피치클래스: C · E · G · 장3화음

앞 화음과의 공통음: 없음 · 멜로디 관계: 조성 안 비화성음

낮은 / 가운데 / 높은 성부 이동(반음): — · 절대 이동 합계 0

화음 2 · vi Am

vi · Am · A3–C4–E4

3화음 피치클래스: A · C · E · 단3화음

앞 화음과의 공통음: C · E · 멜로디 관계: 화음 구성음

낮은 / 가운데 / 높은 성부 이동(반음): -3 / -4 / -3 · 절대 이동 합계 10

화음 3 · IV⁶ F/A

IV⁶ · F/A · A3–C4–F4

3화음 피치클래스: F · A · C · 장3화음

앞 화음과의 공통음: A · C · 멜로디 관계: 조성 밖 음

낮은 / 가운데 / 높은 성부 이동(반음): 0 / 0 / +1 · 절대 이동 합계 1

화음 4 · V G

V · G · G3–B3–D4

3화음 피치클래스: G · B · D · 장3화음

앞 화음과의 공통음: 없음 · 멜로디 관계: 화음 구성음

낮은 / 가운데 / 높은 성부 이동(반음): -2 / -1 / -3 · 절대 이동 합계 6

진행 전체 성부 이동 합계: 17반음

3. 합성·재생·저장

브라우저가 화음마다 짧은 페이드를 넣어 3성부 배음을 합성합니다. 실제 녹음 악기나 화성 규칙 인증이 아닌 학습용 참조음입니다. WAV는 최대 16초입니다.

코드 진행을 편집한 뒤 합성하세요.

댓글과 질문

코드 진행 실험실

악보에 임의의 음표를 넣는 대신 음계 도수로 짧은 화음 진행을 만들어 보세요. 12평균율의 으뜸음과 장조 또는 자연단조를 선택하고 각 화음의 도수·전위·선택 멜로디 음을 정합니다. 앞 화음에 대해 세 전위의 낮은·가운데·높은 성부 배치, 공통음과 반음 이동량을 비교할 수 있습니다. 브라우저에서 합성한 진행을 듣고 모노 PCM16 WAV와 사용한 규칙·음표 JSON을 내려받습니다. 이는 교육용 소형 모델입니다. 단계별 최소 이동은 4성부 화성 규칙 전체를 검사하지 않고, 조표 철자 대신 올림표 피치클래스 표기를 쓰며, 멜로디 한 음의 포함 여부만으로 경과음·계류음을 확정할 수 없습니다.

주요 기능

  • 장조·자연단조 각 7개 도수에서 음계 3도씩 쌓아 3화음을 만들고 근음·1전위·2전위의 구성음을 보여줍니다.
  • 세 전위의 성부 배치를 앞 화음과 비교해 고정된 3성부가 움직인 절대 반음 수의 합을 표시합니다.
  • 선택한 멜로디 음을 화음 구성음·조성 안 비화성음·조성 밖 음으로 분류하고 두 화음의 공통음을 별도로 보여줍니다.
  • 2~8개 화음을 추가·삭제·순서 변경하고 화음당 0.5~2초로 설정해 로컬 합성음을 듣습니다.
  • 실제 48kHz 모노 PCM16 WAV와 설정·3성부·대안 전위·이동량·합성 한계를 담은 JSON을 저장합니다.

사용 방법

  1. 으뜸음·장조/자연단조·화음 길이를 고르거나 C장조 예제를 불러오세요.
  2. 화음 도수와 순서를 편집하고, 세 이동량 비교에서 근음·1전위·2전위 중 하나를 선택하세요.
  3. 필요하면 멜로디 음을 골라 화음 구성음 여부, 공통음과 성부 이동을 살펴보세요.
  4. 합성 진행을 만들고 재생한 뒤 WAV와 정확한 분석 JSON을 저장하세요.

활용 예시

  • 짧은 I–vi–IV–V 진행에서 1전위로 바꿀 때 저음과 3성부 이동량이 어떻게 달라지는지 비교합니다.
  • 선택 멜로디 음이 현재 화음에 속하는지, 조성에만 속하는지, 둘 다 아닌지 확인합니다.
  • 연습용 화음 설계와 짧은 합성 청취 자료를 WAV·JSON으로 보관합니다.

자주 묻는 질문

어떤 화성 체계를 사용하나요?

A4=440Hz의 서양 12평균율만 사용합니다. 장조 음정은 0,2,4,5,7,9,11반음, 자연단조는 0,2,3,5,7,8,10반음입니다. 각 근음에서 음계 1·3·5도를 쌓습니다. 자연단조의 5도 화음은 단화음이며 이끎음을 자동으로 올리거나 화성·가락단조로 바꾸지 않습니다.

전위와 보이스리딩은 어떻게 비교하나요?

근음·3음·5음 가운데 어느 음을 저음에 둘지 전위가 정합니다. 나머지 두 화음 구성음을 위에 쌓아 MIDI48~84, 전체 폭24반음 이내의 배치를 찾습니다. 앞서 선택한 화음과 낮은·가운데·높은 성부 각각의 절대 반음 이동량 합이 가장 작은 배치를 표시합니다. 이 단계별 탐색은 성부 음역·이끎음 해결·병행5도 금지나 진행 전체의 최적 배치를 검사하지 않습니다.

비화성음 표시는 경과음이나 보조음을 알아내나요?

아니요. 피치클래스 포함 관계만 검사합니다. 현재 3화음 밖이면서 선택 조성 안에 있으면 조성 안 비화성음, 음계 밖이면 조성 밖 음으로 표시합니다. 경과음·보조음·계류음의 이름을 붙이려면 앞뒤 멜로디와 리듬 문맥이 필요합니다.

내림표 조성에서 올림표 코드명이 나오는 이유는 무엇인가요?

화면은 평균율에서 같은 높이의 이명동음을 한 피치클래스로 취급하고 계산 결과에 고정된 올림표 이름을 씁니다. 이는 전통적인 조표 철자가 아닙니다. F장조에서 악보상의 B♭을 화면에 A♯으로 표시할 수 있습니다.

WAV는 어떤 소리이고 MIDI로 가져올 수 있나요?

WAV는 짧은 공격·해제를 가진 사인파와 두 번째 배음의 3성부 합성음이며 실제 피아노 녹음이 아닙니다. 48kHz 모노 16비트 PCM입니다. JSON에는 음고와 시간이 있지만 표준 MIDI 파일은 아닙니다. 기기 음량에 따라 청취 크기가 달라집니다.

입력 내용이 업로드되거나 자동 저장되나요?

아니요. 편집과 합성은 브라우저 메모리에서만 이뤄집니다. WAV와 JSON은 저장 버튼을 누른 경우에만 내려받습니다. 페이지를 다시 열면 예제로 초기화됩니다.

개인정보 안내

편집·화음 분석·합성·재생은 모두 이 브라우저에서 처리합니다. 오디오 업로드·계정·외부 음악 API가 없습니다. 설정은 페이지를 닫을 때까지 메모리에만 있고 WAV·JSON 저장은 직접 선택해야 합니다.

참고 자료

관련 도구

음감 연습 테스트샘플 악기 만들기효과음 합성기이미지 세부 확대 도구HDR 노출 합성기흑백 사진 색 복원 실험실파노라마 이어 붙이기판재 배치 계획기영상 편집 목록 작성기대본 프롬프터이중 자막 학습 플레이어오선 악보 편집기자막 편집 작업대입체 음향 배치기음원 코드 후보 분석기MIDI 피아노롤 편집기공간 잔향 합성기오디오 파형 편집기전화 키패드 신호 실험실그림으로 소리 만들기오디오 스펙트럼 분석기오디오 잡음 정리기음원 성분 분리기멀티트랙 오디오 믹서드럼 샘플 슬라이서반복 음원 이음새 찾기오디오 음량 분석기음원 음높이·템포 편집기스테레오 애너글리프 제작기사진 모자이크 제작기이미지 주파수 분석기비슷한 사진 중복 찾기렌티큘러 인터레이스 도안재질 텍스처 맵 제작 실험실360도 사진 투어 만들기영상 교정 타깃 제작기이미지 메시지 숨기기 실험벡터 모핑 편집기문서 원근 보정기사진 영역 메우기뜨개 기호 도안 편집기벡터 도형 조합기SVG 경로 편집기심리스 패턴 제작기실크스크린 색판 분리기퀼트 블록 배치기원근 목업 제작기로우폴리 색면 제작기폰트 부분집합 만들기초점 합성 도구사진 깊이 지도 만들기십자수 도안 제작기CSS 애니메이션 타임라인픽셀 직접 그리기이미지 차이 히트맵이미지 품질 측정실증명사진 만들기바코드 스캐너동영상 GIF 변환크로마키 영상 합성기영상 흔들림 보정기영상 구도 추적 편집기스톱모션 촬영 작업대영상 타임코드 대조기영상 인코딩 비교기HLS·DASH 매니페스트 검증기영상 속도 곡선 편집기영상 컨테이너 탐색기영상 스토리보드 만들기영상 개인정보 가림기영상 로토스코프 마스크 편집기영상 움직임 좌표 추적기영상 중간 프레임 만들기화면 해설 편집기영상·음성 싱크 맞추기동영상 자르기GIF 프레임 추출SVG→PNG/JPG 변환이미지 SVG 벡터화도트·픽셀아트 변환프로필 원형 자르기액자·폴라로이드 프레임이미지 모서리 둥글게JPEG EXIF 정보 보기·제거이미지 색각 시뮬레이터이미지 ASCII 아트사진 콜라주인스타 9분할 이미지긴 이미지 분할이미지 자르기이미지 회전·반전이미지 필터밈 만들기스크린샷 꾸미기바코드생성기QR코드 생성기이미지 압축기이미지 리사이즈이미지 포맷 변환파비콘 생성기유튜브 썸네일 추출기HEIC JPG 변환전자서명·도장 생성기이미지 워터마크움짤·GIF 만들기이미지 색상 추출(스포이드)이미지 텍스트 추출(OCR)이미지 합치기사진 모자이크·블러QR코드 스캔MP4 MP3 변환 (음원 추출)동영상 압축 (용량 줄이기)배경 제거 (누끼따기)
이미지/미디어 도구 전체 보기 →텍스트/변환 →생활/재미 →개발 도구 →