Free browser tool

Chord Canvas

コードを、
指板から描く。

指板をクリックすると、コード名を自動で判定。
完成したダイアグラムは画像で保存できます。

CHORD NAME · EDITABLE
構成音と最低音から自動判定
判定コード: C。構成音と最低音から自動判定
ECGEC
クリック:配置 / もう一度クリック:解除
STANDARD TUNING · E A D G B E© 2026 U'S GUITAR SCHOOL

ABOUT CHORD CANVAS

無料でギターコードダイアグラムを作成

Chord Canvasは、ギターの指板をクリックしてコードダイアグラムを作れる無料のブラウザツールです。 押さえ方からコード名を自動判定し、完成したコード図をPNG・JPEGで保存できます。 ギター教材、バンドメンバーとの共有、InstagramやTikTokの弾いてみた動画にもそのまま使えます。

FOR LESSON

教材用のコード図を作る

指番号、ルートや3度などの度数、任意の文字をマーカー内に表示できます。 背景透過PNGなら、Canvaやスライド、配布プリントにも自然に配置できます。

FOR PLAYERS

押さえ方からコード名を調べる

オリジナルボイシングを指板へ入力すると、構成音と最低音からコード名を判定します。 転回形やテンションコードを記録したいギタリストにも便利です。

FOR SOCIAL

弾いてみた動画を自分らしく

ハートや星、ピンクや黄色のマーカーに加え、手書き風の指板へ切り替えられます。 画面で確認した見た目のまま画像になるため、動画編集時の作り直しもありません。

HOW TO MAKE

コードダイアグラムの作り方

  1. 1

    指板へ押さえる位置を置く

    フレットをクリックし、開放弦とミュートは指板の外側にある○・×で切り替えます。

  2. 2

    表示とデザインを整える

    向き、フレット数、度数、色、マーカー形状、標準/手書き風を選びます。

  3. 3

    PNG・JPEGで保存する

    画面に表示されているコード名とダイアグラムを、同じサイズとバランスで書き出します。

FAQ

ギターコードダイアグラム作成について

Chord Canvasは無料で使えますか?

はい。登録不要で、ギターコードダイアグラムの作成、コード名の自動判定、PNG・JPEG保存まで無料で使えます。

作成したコードダイアグラムは画像で保存できますか?

PNGまたはJPEGで保存できます。PNGは背景透過に対応し、教材、スライド、Canva、弾いてみた動画などへ重ねて使えます。

押さえ方からコード名を調べられますか?

指板へ押さえる位置を配置すると、構成音と実際の最低音をもとにコード名を自動判定します。転回形や省略された5度にも対応し、コード名は自由に編集できます。

スマホでもコード図を作れますか?

スマートフォンとパソコンの両方に対応しています。スマホでは操作メニューを開き、作成した画像を共有または端末へ保存できます。

コード図を手書き風にできますか?

できます。「線のタッチ」を手書き風へ切り替えると、指板線、マーカー、コード名がノートに描いたような表現になります。