Image
HTML Chart
E
A
D
G
B
E
x
x
C
G
x
E
10
D
G
C
F
A
D
11
D#
G#
C#
F#
A#
D#
12
E
A
D
G
B
E
<table class="chord-diagram"> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;"> </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">E</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">A</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">D</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">G</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">B</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">E</td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;"> </td> <td class="muted" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: black; color: white; font-weight: bold;">x</td> <td class="muted" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: black; color: white; font-weight: bold;">x</td> <td class="tonic" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #AA1919; color: white; font-weight: bold;">C</td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;">G</td> <td class="muted" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: black; color: white; font-weight: bold;">x</td> <td class="major-third" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #9000FF; color: white; font-weight: bold;">E</td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">10</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> G </td> <td class="tonic" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #AA1919; color: white; font-weight: bold;"> C </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> F </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D </td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">11</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> G# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> C# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> F# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D# </td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">12</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> E </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D </td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;"> G </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> B </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> E </td> </tr> </table>
Text Chart
E A D G B E x x C G x E 10 o 11 12 o
String
MIDI
Download MIDI file
