Click here to access over 10,000 piano chord diagrams illustrating the relationships between keys, chords, modes. The diagrams illustrate the relationship between key, mode and selected chord. The color of the lines connecting the notes indicate the interval between the notes. The icon shape and color indicates the part the note plays in the chord. Grey are minor notes, orange are major, red is root note.

Click here to access over 1000 guitar chord patterns illustrating the relationships between keys, chords, modes. Guitar chords illustrate the chord/interval relationships. The color of the box surrounding the note indicates the part the note plays in the chord. Red is the chord root note, grey is a minor 2nd, 3rd, 6th or 7th, orange is a major 2nd, 3rd, 6th or 7th, blue is a perfect 4th, purple is a perfect 5th, and cyan is a diminished 5th.